#2F7402
yellow13% BrightnessCool
Color Values
HEX
#2F7402
RGB
rgb(47, 116, 2)
HSL
hsl(96°, 97%, 23%)
CMYK
cmyk(59%, 0%, 98%, 55%)
Color Harmonies
Complementary
2F7402
470274
Triadic
2F7402
022F74
74022F
Analogous
687402
2F7402
02740E
Monochromatic
000000
2F7402
6FFB14
Similar Colors
061000
137402
4C7402
58D804
02740E
687402
CSS Snippets
CSS Variables
--color-base: #2F7402; --color-light: #5ADD04; --color-dark: #040B00;
CSS Class
.element {
color: #2F7402;
background: #8EFC46;
border-color: #58D804;
}Contrast Analysis
Sample Text — 5.80:1
The quick brown fox jumps over the lazy dog
On Black3.62:1
On White5.80:1
WCAG AA: 4.5:1 normal text · 3:1 large text · AAA: 7:1
Properties
Brightness13%
Saturation97%
Hue96°
Temp
Cool
LRV
13%
Tints
Shades
Use Cases
Primary Button
Light Background
Accent Border
Dark Variant
Description
A dynamically generated yellow color with 13% brightness, 97% saturation, and 23% lightness.