Created at 02/21/2023 14:04
#ccd69c HEX Color information
| Color | HEX | RGB |
|---|---|---|
| #ccd69c | RGB(204, 214, 156) |
RGB values are RGB(204, 214, 156)
#ccd69c color contain Red 80%, Green 83.92% and Blue 61.18%.
oklch(85.42% 0.0773 116.02)
#ccd69c color contain Red 80%, Green 83.92% and Blue 61.18%.
oklch(85.42% 0.0773 116.02)
Classification of #ccd69c color
#ccd69c is Light and Warm Color Saturation 41%, lightness 73%.
Tint of palegoldenrod
Alternative colors of #ccd69c
Opposite Color for #ccd69c is #a79ed6
#ccd69c Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #ccd69c
Decimal
13424284
HEX
#ccd69c
HSL
hsl(70, 41%, 73%)
HSLA
hsla(70, 41%, 73%, 1)
RGB
RGB(204, 214, 156)
RGBA
RGBA(204, 214, 156, 1)
Palettes for #ccd69c color:
Below examples of color palettes for #ccd69c HEX color
darkest color is #141510 from shades and lightest color is #fafbf5 from tints
Shades palette of #ccd69c:
#b8c18c
#a3ab7d
#8f966d
#7a805e
#666b4e
#52563e
#3d402f
#292b1f
#141510
#000000
Tints palette of #ccd69c:
#d1daa6
#d6deb0
#dbe2ba
#e0e6c4
#e6ebce
#ebefd7
#f0f3e1
#f5f7eb
#fafbf5
#ffffff
Complementary palette of #ccd69c:
#cdd69e
#a79ed6
Triadic palette of #ccd69c:
#cdd69e
#9ecdd6
#d69ecd
Square palette of #ccd69c:
#cdd69e
#9ed6c4
#d69eb1
#a79ed6
Analogous palette of #ccd69c:
#d6c49e
#cdd69e
Split-Complementary palette of #ccd69c:
#cdd69e
#d6c49e
Rectangle (tetradic) palette of #ccd69c:
#cdd69e
#9ed6c4
#d69eb1
#9eb1d6
Suggested colors palettes for #ccd69c HEX:
Colors palette with color #ccd69c #1:
Colors palette with color #ccd69c #2:
Colors palette with color #ccd69c #3:
Colors palette with color #ccd69c #4:
Colors palette with color #ccd69c #5:
Color #ccd69c used in palettes (1)
Color Contrast
Color pairings #ccd69c with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#ccd69c
#ccd69c Contrast Ratio
1.53:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#ccd69c
#ccd69c Contrast Ratio
13.66:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #ccd69c color png
Visit the popular colors list for more colors