#CBBD93
RGB
203, 189, 147
HSL
45°, 35%, 69%
CMYK
0, 7, 28, 20
HSV
45°, 28%, 80%

Similar Colors

Conversions & Codes

Format Value CSS
HEX #CBBD93 color: #CBBD93;
RGB 203, 189, 147 color: rgb(203, 189, 147);
RGB Percentage 80%, 74%, 58% color: rgb(80%, 74%, 58%);
CMYK 0%, 7%, 28%, 20% Not supported in CSS
HSL 45°, 35%, 69% color: hsl(45, 35%, 69%);
HSV 45°, 28%, 80% Not supported in CSS
CIE-LAB 55, 3, 14 color: lab(55% 3 14);
Decimal 13352339 Not supported in CSS

Color Variations

Shades

#CCBE94
#C0AF7D
#B5A165
#A69150
#8F7C45
#776739
#5F532E
#473E22

Tints

#F0EBDF
#EAE5D4
#E5DECA
#E0D8BF
#DBD1B4
#D6CBAA
#D1C49F
#CCBE94

Tones

#CCBE94
#C9BC97
#C6BB9A
#C3BA9D
#C1B89F
#BEB7A2
#BBB5A5
#B8B4A8

Hues

#CCBE94
#B0CC94
#94CCA2
#94CCCC
#94A2CC
#B094CC
#CC94BE
#CC9494

Color Harmonies

Analogous

#CCA294
Click to copy
Light Red
94%
#CBBD93
Click to copy
Sand
100%
#BECC94
Click to copy
Light Yellow
95%

Complementary

#CBBD93
Click to copy
Sand
100%
#94A2CC
Click to copy
Light Blue
81%

Split Complementary

#CBBD93
Click to copy
Sand
100%
#94BECC
Click to copy
Light Cyan
82%
#A294CC
Click to copy
Light Blue
82%

Triadic

#CBBD93
Click to copy
Sand
100%
#94CCBE
Click to copy
Light Cyan
84%
#BE94CC
Click to copy
Light Purple
84%

Tetradic

#CBBD93
Click to copy
Sand
100%
#94CCA2
Click to copy
Light Green
87%
#94A2CC
Click to copy
Light Blue
81%
#CC94BE
Click to copy
Light Purple
87%

Square

#CBBD93
Click to copy
Sand
100%
#94CCA2
Click to copy
Light Green
87%
#94A2CC
Click to copy
Light Blue
81%
#CC94BE
Click to copy
Light Purple
87%

CSS & Dev Snippets

CSS
.sand {
  color: #CBBD93;
}
SCSS
$sand: #CBBD93;
RGB
rgb(203, 189, 147)

Accessibility & Contrast

White background

1.87:1
1.87
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

11.24:1
11.24
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags