#856328
orange14% BrightnessWarm
Color Values
HEX
#856328
RGB
rgb(133, 99, 40)
HSL
hsl(38°, 54%, 34%)
CMYK
cmyk(0%, 26%, 70%, 48%)
Color Harmonies
Complementary
856328
284A85
Triadic
856328
288563
632885
Analogous
853528
856328
788528
Monochromatic
0F0B05
856328
D4B072
Similar Colors
372910
857A28
854C28
C99A4A
788528
853528
CSS Snippets
CSS Variables
--color-base: #856328; --color-light: #CA9D4E; --color-dark: #33260F;
CSS Class
.element {
color: #856328;
background: #E0C699;
border-color: #C99A4A;
}Contrast Analysis
Sample Text — 5.51:1
The quick brown fox jumps over the lazy dog
On Black3.81:1
On White5.51:1
WCAG AA: 4.5:1 normal text · 3:1 large text · AAA: 7:1
Properties
Brightness14%
Saturation54%
Hue38°
Temp
Warm
LRV
14%
Tints
Shades
Use Cases
Primary Button
Light Background
Accent Border
Dark Variant
Description
A dynamically generated orange color with 14% brightness, 54% saturation, and 34% lightness.