#B7A785
orange39% BrightnessWarm
Color Values
HEX
#B7A785
RGB
rgb(183, 167, 133)
HSL
hsl(41°, 26%, 62%)
CMYK
cmyk(0%, 9%, 27%, 28%)
Color Harmonies
Complementary
B7A785
8595B7
Triadic
B7A785
85B7A7
A785B7
Analogous
B78E85
B7A785
AEB785
Monochromatic
67593C
B7A785
F0ECE5
Similar Colors
87754F
B7B385
B79B85
DDD5C5
AEB785
B78E85
CSS Snippets
CSS Variables
--color-base: #B7A785; --color-light: #DFD8C8; --color-dark: #83724E;
CSS Class
.element {
color: #B7A785;
background: #463D2A;
border-color: #87754F;
}Contrast Analysis
Sample Text — 8.88:1
The quick brown fox jumps over the lazy dog
On Black8.88:1
On White2.36:1
WCAG AA: 4.5:1 normal text · 3:1 large text · AAA: 7:1
Properties
Brightness39%
Saturation26%
Hue41°
Temp
Warm
LRV
40%
Tints
Shades
Use Cases
Primary Button
Light Background
Accent Border
Dark Variant
Description
A dynamically generated orange color with 39% brightness, 26% saturation, and 62% lightness.