Created at 02/17/2023 20:14
#ccd4bc HEX Color information
| Color | HEX | RGB |
|---|---|---|
| #ccd4bc | RGB(204, 212, 188) |
RGB values are RGB(204, 212, 188)
#ccd4bc color contain Red 80%, Green 83.14% and Blue 73.73%.
oklch(85.72% 0.0336 122.13)
#ccd4bc color contain Red 80%, Green 83.14% and Blue 73.73%.
oklch(85.72% 0.0336 122.13)
Color Names of #ccd4bc HEX code
Pastel Gray Color
Classification of #ccd4bc color
#ccd4bc is Light and Neutral Color Saturation 22%, lightness 78%.
Tint of beige
Alternative colors of #ccd4bc
Opposite Color for #ccd4bc is #c3bbd3
#ccd4bc Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #ccd4bc
Decimal
13423804
HEX
#ccd4bc
HSL
hsl(80, 22%, 78%)
HSLA
hsla(80, 22%, 78%, 1)
RGB
RGB(204, 212, 188)
RGBA
RGBA(204, 212, 188, 1)
Palettes for #ccd4bc color:
Below examples of color palettes for #ccd4bc HEX color
darkest color is #141513 from shades and lightest color is #fafbf8 from tints
Shades palette of #ccd4bc:
#b8bfa9
#a3aa96
#8f9484
#7a7f71
#666a5e
#52554b
#3d4038
#292a26
#141513
#000000
Tints palette of #ccd4bc:
#d1d8c3
#d6ddc9
#dbe1d0
#e0e5d7
#e6eade
#ebeee4
#f0f2eb
#f5f6f2
#fafbf8
#ffffff
Complementary palette of #ccd4bc:
#cbd3bb
#c3bbd3
Triadic palette of #ccd4bc:
#cbd3bb
#bbcbd3
#d3bbcb
Square palette of #ccd4bc:
#cbd3bb
#bbd3cf
#d3bbbf
#c3bbd3
Analogous palette of #ccd4bc:
#d3cfbb
#cbd3bb
Split-Complementary palette of #ccd4bc:
#cbd3bb
#d3cfbb
Rectangle (tetradic) palette of #ccd4bc:
#cbd3bb
#bbd3cf
#d3bbbf
#bbbfd3
Loading...
Color #ccd4bc used in palettes (14)
pill Abstract rooster retro vintage colours Design menu navigation typography hex colors Flat fish digitalart ui hex colors Eco vector minimal design hex colors Barrel vector beer realistic hex colors Sketch tshirt color ui colors Series anchor tail ocean Stay home face web illustration plants colours Mexico drawing dibujo arte palette Illustration tee design distressed clouds Design app travel hex colors Vector james gilleard illustration vintage Designer identity logo concept colours
Color Contrast
Color pairings #ccd4bc with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#ccd4bc
#ccd4bc Contrast Ratio
1.53:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#ccd4bc
#ccd4bc Contrast Ratio
13.71:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #ccd4bc color png
Visit the popular colors list for more colors