Preview
#1c170e
Family: Orange
Accessibility on this swatch:
Contrast vs white: 17.82:1 · vs black: 1.18:1
HEX
#1c170e
RGB
rgb(28, 23, 14)
RGBA
rgba(28, 23, 14, 1)
HSL
hsl(39, 33%, 8%)
HSV
hsv(39, 50%, 11%)
LAB
lab(8.05% 0.7 6.13)
LCH
lch(8.05% 6.17 83.49)
OKLAB
oklab(0.2076 0.0026 0.0183)
OKLCH
oklch(0.2076 0.0185 81.91)
XYZ
xyz(0.86, 0.89, 0.54)
CMYK
cmyk(0%, 18%, 50%, 89%)
CSS
color: #1c170e;
CSS variable
--color-1c170e: #1c170e;
SCSS
$color-1c170e: #1c170e;
Tailwind
red-900
Export
:root {
--#1c170e-1: #1c170e;
}Creativity, enthusiasm, and friendliness. Approachable CTAs and lifestyle brands.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Orange family.