#4C4F2B
yellow7% BrightnessCool
Color Values
HEX
#4C4F2B
RGB
rgb(76, 79, 43)
HSL
hsl(65°, 30%, 24%)
CMYK
cmyk(4%, 0%, 46%, 69%)
Color Harmonies
Complementary
4C4F2B
2E2B4F
Triadic
4C4F2B
2B4C4F
4F2B4C
Analogous
4F402B
4C4F2B
3A4F2B
Monochromatic
000000
4C4F2B
A6AC67
Similar Colors
0C0D07
434F2B
4F492B
8C914F
3A4F2B
4F402B
CSS Snippets
CSS Variables
--color-base: #4C4F2B; --color-light: #8F9451; --color-dark: #090A05;
CSS Class
.element {
color: #4C4F2B;
background: #BABE88;
border-color: #8C914F;
}Contrast Analysis
Sample Text — 8.53:1
The quick brown fox jumps over the lazy dog
On Black2.46:1
On White8.53:1
WCAG AA: 4.5:1 normal text · 3:1 large text · AAA: 7:1
Properties
Brightness7%
Saturation30%
Hue65°
Temp
Cool
LRV
7%
Tints
Shades
Use Cases
Primary Button
Light Background
Accent Border
Dark Variant
Description
A dynamically generated yellow color with 7% brightness, 30% saturation, and 24% lightness.