#8A9A5B
yellow29% BrightnessCool
Color Values
HEX
#8A9A5B
RGB
rgb(138, 154, 91)
HSL
hsl(75°, 26%, 48%)
CMYK
cmyk(10%, 0%, 41%, 40%)
Color Harmonies
Complementary
8A9A5B
6B5B9A
Triadic
8A9A5B
5B8A9A
9A5B8A
Analogous
9A8B5B
8A9A5B
6B9A5B
Monochromatic
343A22
8A9A5B
CED5B9
Similar Colors
515A35
7A9A5B
9A9A5B
B8C299
6B9A5B
9A8B5B
CSS Snippets
CSS Variables
--color-base: #8A9A5B; --color-light: #BAC49C; --color-dark: #4E5733;
CSS Class
.element {
color: #8A9A5B;
background: #E4E8D9;
border-color: #B8C299;
}Contrast Analysis
Sample Text — 6.85:1
The quick brown fox jumps over the lazy dog
On Black6.85:1
On White3.06:1
WCAG AA: 4.5:1 normal text · 3:1 large text · AAA: 7:1
Properties
Brightness29%
Saturation26%
Hue75°
Temp
Cool
LRV
30%
Tints
Shades
Use Cases
Primary Button
Light Background
Accent Border
Dark Variant
Description
A dynamically generated yellow color with 29% brightness, 26% saturation, and 48% lightness.