Created at 02/25/2023 11:47
#ccbc6c HEX Color information
| Color | HEX | RGB |
|---|---|---|
| #ccbc6c | RGB(204, 188, 108) |
RGB values are RGB(204, 188, 108)
#ccbc6c color contain Red 80%, Green 73.73% and Blue 42.35%.
oklch(79.13% 0.1026 98.29)
#ccbc6c color contain Red 80%, Green 73.73% and Blue 42.35%.
oklch(79.13% 0.1026 98.29)
Classification of #ccbc6c color
#ccbc6c is Light and Warm Color Saturation 48%, lightness 61%.
Tint of darkkhaki
Alternative colors of #ccbc6c
Opposite Color for #ccbc6c is #6c7ccb
#ccbc6c Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #ccbc6c
Decimal
13417580
HEX
#ccbc6c
HSL
hsl(50, 48%, 61%)
HSLA
hsla(50, 48%, 61%, 1)
RGB
RGB(204, 188, 108)
RGBA
RGBA(204, 188, 108, 1)
Palettes for #ccbc6c color:
Below examples of color palettes for #ccbc6c HEX color
darkest color is #14130b from shades and lightest color is #faf8f0 from tints
Shades palette of #ccbc6c:
#b8a961
#a39656
#8f844c
#7a7141
#665e36
#524b2b
#3d3820
#292616
#14130b
#000000
Tints palette of #ccbc6c:
#d1c37b
#d6c989
#dbd098
#e0d7a7
#e6deb6
#ebe4c4
#f0ebd3
#f5f2e2
#faf8f0
#ffffff
Complementary palette of #ccbc6c:
#cbbb6c
#6c7ccb
Triadic palette of #ccbc6c:
#cbbb6c
#6ccbbb
#bb6ccb
Square palette of #ccbc6c:
#cbbb6c
#6ccb8c
#cb6cab
#6c7ccb
Analogous palette of #ccbc6c:
#cb8c6c
#cbbb6c
Split-Complementary palette of #ccbc6c:
#cbbb6c
#cb8c6c
Rectangle (tetradic) palette of #ccbc6c:
#cbbb6c
#6ccb8c
#cb6cab
#6cabcb
Suggested colors palettes for #ccbc6c HEX:
Colors palette with color #ccbc6c #1:
Colors palette with color #ccbc6c #2:
Colors palette with color #ccbc6c #3:
Colors palette with color #ccbc6c #4:
Colors palette with color #ccbc6c #5:
Color #ccbc6c used in palettes (2)
Color Contrast
Color pairings #ccbc6c with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#ccbc6c
#ccbc6c Contrast Ratio
1.91:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#ccbc6c
#ccbc6c Contrast Ratio
10.97:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #ccbc6c color png
Visit the popular colors list for more colors