Preview
#282213
Family: Orange
Accessibility on this swatch:
Contrast vs white: 15.81:1 · vs black: 1.33:1
HEX
#282213
RGB
rgb(40, 34, 19)
RGBA
rgba(40, 34, 19, 1)
HSL
hsl(43, 36%, 12%)
HSV
hsv(43, 53%, 16%)
LAB
lab(13.49% 0.1 11.08)
LCH
lch(13.49% 11.08 89.48)
OKLAB
oklab(0.2542 0.0007 0.0274)
OKLCH
oklch(0.2542 0.0274 88.54)
XYZ
xyz(1.56, 1.64, 0.85)
CMYK
cmyk(0%, 15%, 53%, 84%)
CSS
color: #282213;
CSS variable
--color-282213: #282213;
SCSS
$color-282213: #282213;
Tailwind
orange-900
Export
:root {
--#282213-1: #282213;
}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.