#C4B591
orange47% BrightnessWarm
Color Values
HEX
#C4B591
RGB
rgb(196, 181, 145)
HSL
hsl(42°, 30%, 67%)
CMYK
cmyk(0%, 8%, 26%, 23%)
Color Harmonies
Complementary
C4B591
91A0C4
Triadic
C4B591
91C4B5
B591C4
Analogous
C49C91
C4B591
BAC491
Monochromatic
7A6A42
C4B591
F9F8F5
Similar Colors
9C8653
C4C291
C4A891
E8E2D3
BAC491
C49C91
CSS Snippets
CSS Variables
--color-base: #C4B591; --color-light: #E9E4D7; --color-dark: #988352;
CSS Class
.element {
color: #C4B591;
background: #594D30;
border-color: #9C8653;
}Contrast Analysis
Sample Text — 10.37:1
The quick brown fox jumps over the lazy dog
On Black10.37:1
On White2.03:1
WCAG AA: 4.5:1 normal text · 3:1 large text · AAA: 7:1
Properties
Brightness47%
Saturation30%
Hue42°
Temp
Warm
LRV
48%
Tints
Shades
Use Cases
Primary Button
Light Background
Accent Border
Dark Variant
Description
A dynamically generated orange color with 47% brightness, 30% saturation, and 67% lightness.