Preview
#383e09
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 11.28:1 · vs black: 1.86:1
HEX
#383e09
RGB
rgb(56, 62, 9)
RGBA
rgba(56, 62, 9, 1)
HSL
hsl(67, 75%, 14%)
HSV
hsv(67, 85%, 24%)
LAB
lab(24.66% -10.45 29.49)
LCH
lch(24.66% 31.29 109.51)
OKLAB
oklab(0.3469 -0.0317 0.065)
OKLCH
oklch(0.3469 0.0723 116)
XYZ
xyz(3.40, 4.31, 0.91)
CMYK
cmyk(10%, 0%, 85%, 76%)
CSS
color: #383e09;
CSS variable
--color-383e09: #383e09;
SCSS
$color-383e09: #383e09;
Tailwind
amber-800
Export
:root {
--#383e09-1: #383e09;
}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.