Preview
#1a170e
Family: Amber
Accessibility on this swatch:
Contrast vs white: 17.91:1 · vs black: 1.17:1
HEX
#1a170e
RGB
rgb(26, 23, 14)
RGBA
rgba(26, 23, 14, 1)
HSL
hsl(45, 30%, 8%)
HSV
hsv(45, 46%, 10%)
LAB
lab(7.81% -0.4 5.74)
LCH
lch(7.81% 5.75 93.99)
OKLAB
oklab(0.2051 -0.0006 0.0174)
OKLCH
oklch(0.2051 0.0174 91.97)
XYZ
xyz(0.81, 0.86, 0.54)
CMYK
cmyk(0%, 12%, 46%, 90%)
CSS
color: #1a170e;
CSS variable
--color-1a170e: #1a170e;
SCSS
$color-1a170e: #1a170e;
Tailwind
orange-900
Export
:root {
--#1a170e-1: #1a170e;
}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.