#D9CAB5
orange60% BrightnessWarm
Color Values
HEX
#D9CAB5
RGB
rgb(217, 202, 181)
HSL
hsl(35°, 32%, 78%)
CMYK
cmyk(0%, 7%, 17%, 15%)
Color Harmonies
Complementary
D9CAB5
B5C4D9
Triadic
D9CAB5
B5D9CA
CAB5D9
Analogous
D9B8B5
D9CAB5
D6D9B5
Monochromatic
A28153
D9CAB5
FFFFFF
Similar Colors
B69A72
D9D3B5
D9C1B5
FCFAF8
D6D9B5
D9B8B5
CSS Snippets
CSS Variables
--color-base: #D9CAB5; --color-light: #FDFDFC; --color-dark: #B5976E;
CSS Class
.element {
color: #D9CAB5;
background: #806642;
border-color: #B69A72;
}Contrast Analysis
Sample Text — 13.07:1
The quick brown fox jumps over the lazy dog
On Black13.07:1
On White1.61:1
WCAG AA: 4.5:1 normal text · 3:1 large text · AAA: 7:1
Properties
Brightness60%
Saturation32%
Hue35°
Temp
Warm
LRV
61%
Tints
Shades
Use Cases
Primary Button
Light Background
Accent Border
Dark Variant
Description
A dynamically generated orange color with 60% brightness, 32% saturation, and 78% lightness.