Preview
#d99a5a
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 2.41:1 · vs black: 8.72:1
HEX
#d99a5a
RGB
rgb(217, 154, 90)
RGBA
rgba(217, 154, 90, 1)
HSL
hsl(30, 63%, 60%)
HSV
hsv(30, 59%, 85%)
LAB
lab(68.46% 16.83 42.54)
LCH
lch(68.46% 45.75 68.41)
OKLAB
oklab(0.7344 0.0467 0.1003)
OKLCH
oklch(0.7344 0.1106 65.03)
XYZ
xyz(42.02, 38.60, 14.91)
CMYK
cmyk(0%, 29%, 59%, 15%)
CSS
color: #d99a5a;
CSS variable
--color-d99a5a: #d99a5a;
SCSS
$color-d99a5a: #d99a5a;
Tailwind
red-400
Export
:root {
--#d99a5a-1: #d99a5a;
}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.