Preview
#d57b5d
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 3.08:1 · vs black: 6.82:1
HEX
#d57b5d
RGB
rgb(213, 123, 93)
RGBA
rgba(213, 123, 93, 1)
HSL
hsl(15, 59%, 60%)
HSV
hsv(15, 56%, 84%)
LAB
lab(60.88% 32.08 31.48)
LCH
lch(60.88% 44.95 44.46)
OKLAB
oklab(0.6748 0.0934 0.076)
OKLCH
oklch(0.6748 0.1204 39.14)
XYZ
xyz(36.50, 29.11, 14.05)
CMYK
cmyk(0%, 42%, 56%, 16%)
CSS
color: #d57b5d;
CSS variable
--color-d57b5d: #d57b5d;
SCSS
$color-d57b5d: #d57b5d;
Tailwind
slate-400
Export
:root {
--#d57b5d-1: #d57b5d;
}Bold warmth and intensity. Strong for food, sports, and energetic identities.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Deep Orange family.