Created at 02/23/2024 04:36
#ccaa66 HEX Color information
| Color | HEX | RGB |
| #ccaa66 | RGB(204, 170, 102) |
RGB values are RGB(204, 170, 102)
#ccaa66 color contain Red 80%, Green 66.67% and Blue 40%.
Alternative colors of #ccaa66
Opposite Color for #ccaa66 is Livid
#ccaa66 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #ccaa66
Decimal
13412966
HEX
#ccaa66
HSL
hsl(40, 50%, 60%)
HSLA
hsla(40, 50%, 60%, 1)
RGB
RGB(204, 170, 102)
RGBA
RGBA(204, 170, 102, 1)
Palettes for #ccaa66 color:
Below examples of color palettes for #ccaa66 HEX color
darkest color is #14110a from shades and lightest color is #faf7f0 from tints
Shades palette of #ccaa66:
Tints palette of #ccaa66:
Complementary palette of #ccaa66:
Triadic palette of #ccaa66:
Square palette of #ccaa66:
Analogous palette of #ccaa66:
Split-Complementary palette of #ccaa66:
Rectangle (tetradic) palette of #ccaa66:
Suggested colors palettes for #ccaa66 HEX:
Colors palette with color #ccaa66 #1:
Colors palette with color #ccaa66 #2:
Colors palette with color #ccaa66 #3:
Colors palette with color #ccaa66 #4:
Colors palette with color #ccaa66 #5:
Color Contrast
Color pairings #ccaa66 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#ccaa66
#ccaa66 Contrast Ratio
2.2:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#ccaa66
#ccaa66 Contrast Ratio
9.5:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
