Preview
#1f1e19
Family: Amber
Accessibility on this swatch:
Contrast vs white: 16.69:1 · vs black: 1.26:1
HEX
#1f1e19
RGB
rgb(31, 30, 25)
RGBA
rgba(31, 30, 25, 1)
HSL
hsl(50, 11%, 11%)
HSV
hsv(50, 19%, 12%)
LAB
lab(11.21% -0.68 3.6)
LCH
lch(11.21% 3.66 100.7)
OKLAB
oklab(0.2343 -0.0013 0.0093)
OKLCH
oklch(0.2343 0.0094 97.96)
XYZ
xyz(1.20, 1.29, 1.11)
CMYK
cmyk(0%, 3%, 19%, 88%)
CSS
color: #1f1e19;
CSS variable
--color-1f1e19: #1f1e19;
SCSS
$color-1f1e19: #1f1e19;
Tailwind
orange-900
Export
:root {
--#1f1e19-1: #1f1e19;
}Confidence, warmth, and caution. Useful for notifications and premium earthy palettes.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Amber family.