#C4AF90
orange44% BrightnessWarm
Color Values
HEX
#C4AF90
RGB
rgb(196, 175, 144)
HSL
hsl(36°, 31%, 67%)
CMYK
cmyk(0%, 11%, 27%, 23%)
Color Harmonies
Complementary
C4AF90
90A5C4
Triadic
C4AF90
90C4AF
AF90C4
Analogous
C49590
C4AF90
BFC490
Monochromatic
7A6341
C4AF90
F9F7F4
Similar Colors
9B7E53
C4BC90
C4A290
E7DFD3
BFC490
C49590
CSS Snippets
CSS Variables
--color-base: #C4AF90; --color-light: #E9E1D6; --color-dark: #987B51;
CSS Class
.element {
color: #C4AF90;
background: #59482F;
border-color: #9B7E53;
}Contrast Analysis
Sample Text — 9.88:1
The quick brown fox jumps over the lazy dog
On Black9.88:1
On White2.13:1
WCAG AA: 4.5:1 normal text · 3:1 large text · AAA: 7:1
Properties
Brightness44%
Saturation31%
Hue36°
Temp
Warm
LRV
45%
Tints
Shades
Use Cases
Primary Button
Light Background
Accent Border
Dark Variant
Description
A dynamically generated orange color with 44% brightness, 31% saturation, and 67% lightness.