#ccbd99 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #ccbd99 | RGB(204, 189, 153) |
Created at 02/19/2023 13:10
Classification of #ccbd99 color
#ccbd99 is Light and Warm Color Saturation 33%, lightness 70%.
Tint of Tan
RGB values are RGB(204, 189, 153)
#ccbd99 color contains Red 80%, Green 74.12% and Blue 60%.
oklch(80.17% 0.0514 88.07)
#ccbd99 color contains Red 80%, Green 74.12% and Blue 60%.
oklch(80.17% 0.0514 88.07)
Color Names of #ccbd99 HEX code
≈ Yuma
Alternative colors of #ccbd99
Opposite Color for #ccbd99 is #99a8cc
#ccbd99 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #ccbd99
cmyk
CMYK(0%, 7%, 25%, 20%)
Decimal
13417881
HEX
#ccbd99
HSL
hsl(42, 33%, 70%)
HSLA
hsla(42, 33%, 70%, 1)
RGB
RGB(204, 189, 153)
RGBA
RGBA(204, 189, 153, 1)
Palettes for #ccbd99 color:
Below are examples of color palettes with the #ccbd99 HEX color
darkest color is #14130f from shades and lightest color is #faf8f5 from tints
Shades palette of #ccbd99:
#b8aa8a
#a3977a
#8f846b
#7a715c
#665f4d
#524c3d
#3d392e
#29261f
#14130f
#000000
Tints palette of #ccbd99:
#d1c4a3
#d6caad
#dbd1b8
#e0d7c2
#e6decc
#ebe5d6
#f0ebe0
#f5f2eb
#faf8f5
#ffffff
Complementary palette of #ccbd99:
#ccbd99
#99a8cc
Triadic palette of #ccbd99:
#ccbd99
#99ccbd
#bd99cc
Square palette of #ccbd99:
#ccbd99
#99cca3
#99a8cc
#cc99c2
Analogous palette of #ccbd99:
#cca399
#ccbd99
#c2cc99
Split-Complementary palette of #ccbd99:
#ccbd99
#99c2cc
#a399cc
Rectangle (tetradic) palette of #ccbd99:
#ccbd99
#a8cc99
#99a8cc
#bd99cc
Suggested color palettes for #ccbd99 HEX:
Color palette with color #ccbd99 #1:
Color palette with color #ccbd99 #2:
Color palette with color #ccbd99 #3:
Color palette with color #ccbd99 #4:
Color palette with color #ccbd99 #5:
Color #ccbd99 used in palettes (1)
Color Contrast
Color pairings of #ccbd99 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#ccbd99
#ccbd99 Contrast Ratio
1.85:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#ccbd99
#ccbd99 Contrast Ratio
11.3:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #ccbd99 color png
Visit the popular colors list for more colors