#4D712E
yellow14% BrightnessCool
Color Values
HEX
#4D712E
RGB
rgb(77, 113, 46)
HSL
hsl(92°, 42%, 31%)
CMYK
cmyk(32%, 0%, 59%, 56%)
Color Harmonies
Complementary
4D712E
522E71
Triadic
4D712E
2E4D71
712E4D
Analogous
6E712E
4D712E
2E7131
Monochromatic
030402
4D712E
99C672
Similar Colors
1C2910
3C712E
5E712E
7FB74E
2E7131
6E712E
CSS Snippets
CSS Variables
--color-base: #4D712E; --color-light: #81B852; --color-dark: #19250F;
CSS Class
.element {
color: #4D712E;
background: #B3D497;
border-color: #7FB74E;
}Contrast Analysis
Sample Text — 5.65:1
The quick brown fox jumps over the lazy dog
On Black3.72:1
On White5.65:1
WCAG AA: 4.5:1 normal text · 3:1 large text · AAA: 7:1
Properties
Brightness14%
Saturation42%
Hue92°
Temp
Cool
LRV
14%
Tints
Shades
Use Cases
Primary Button
Light Background
Accent Border
Dark Variant
Description
A dynamically generated yellow color with 14% brightness, 42% saturation, and 31% lightness.