Preview
#939f3c
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 2.89:1 · vs black: 7.27:1
HEX
#939f3c
RGB
rgb(147, 159, 60)
RGBA
rgba(147, 159, 60, 1)
HSL
hsl(67, 45%, 43%)
HSV
hsv(67, 62%, 62%)
LAB
lab(62.78% -18.17 48.74)
LCH
lch(62.78% 52.02 110.45)
OKLAB
oklab(0.6729 -0.0536 0.1116)
OKLCH
oklch(0.6729 0.1238 115.65)
XYZ
xyz(25.25, 31.33, 8.99)
CMYK
cmyk(8%, 0%, 62%, 38%)
CSS
color: #939f3c;
CSS variable
--color-939f3c: #939f3c;
SCSS
$color-939f3c: #939f3c;
Tailwind
amber-500
Export
:root {
--#939f3c-1: #939f3c;
}Optimism, attention, and warmth. Ideal for highlights, warnings, and cheerful brands.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Yellow family.