#ccac2e HEX color information
| Color | HEX | RGB |
|---|---|---|
| #ccac2e | RGB(204, 172, 46) |
Created at 02/23/2023 22:06
RGB values are RGB(204, 172, 46)
#ccac2e color contains Red 80%, Green 67.45% and Blue 18.04%.
oklch(75.19% 0.1406 93.88)
#ccac2e color contains Red 80%, Green 67.45% and Blue 18.04%.
oklch(75.19% 0.1406 93.88)
Color Names of #ccac2e HEX code
≈ Hokey Pokey
Classification of #ccac2e color
#ccac2e is Light and Warm Color Saturation 63%, lightness 49%.
Tint of Goldenrod
Alternative colors of #ccac2e
Opposite Color for #ccac2e is #2e4ecc
#ccac2e Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #ccac2e
cmyk
CMYK(0%, 16%, 77%, 20%)
Decimal
13413422
HEX
#ccac2e
HSL
hsl(48, 63%, 49%)
HSLA
hsla(48, 63%, 49%, 1)
RGB
RGB(204, 172, 46)
RGBA
RGBA(204, 172, 46, 1)
Palettes for #ccac2e color:
Below are examples of color palettes with the #ccac2e HEX color
darkest color is #141105 from shades and lightest color is #faf7ea from tints
Shades palette of #ccac2e:
#b89b29
#a38a25
#8f7820
#7a671c
#665617
#524512
#3d340e
#292209
#141105
#000000
Tints palette of #ccac2e:
#d1b443
#d6bd58
#dbc56d
#e0cd82
#e6d697
#ebdeab
#f0e6c0
#f5eed5
#faf7ea
#ffffff
Complementary palette of #ccac2e:
#ccac2e
#2e4ecc
Triadic palette of #ccac2e:
#ccac2e
#2eccac
#ac2ecc
Square palette of #ccac2e:
#ccac2e
#2ecc5d
#2e4ecc
#cc2e9d
Analogous palette of #ccac2e:
#cc5d2e
#ccac2e
#9dcc2e
Split-Complementary palette of #ccac2e:
#ccac2e
#2e9dcc
#5d2ecc
Rectangle (tetradic) palette of #ccac2e:
#ccac2e
#4ecc2e
#2e4ecc
#ac2ecc
Suggested color palettes for #ccac2e HEX:
Color palette with color #ccac2e #1:
Color palette with color #ccac2e #2:
Color palette with color #ccac2e #3:
Color palette with color #ccac2e #4:
Color palette with color #ccac2e #5:
Color #ccac2e used in palettes (1)
Color Contrast
Color pairings of #ccac2e with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#ccac2e
#ccac2eContrast Ratio
2.2:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#ccac2e
#ccac2eContrast Ratio
9.5:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #ccac2e color png
Visit the popular colors list for more colors