Preview
#dfaa7f
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 2.06:1 · vs black: 10.19:1
HEX
#dfaa7f
RGB
rgb(223, 170, 127)
RGBA
rgba(223, 170, 127, 1)
HSL
hsl(27, 60%, 69%)
HSV
hsv(27, 43%, 87%)
LAB
lab(73.53% 14.04 29.67)
LCH
lch(73.53% 32.82 64.68)
OKLAB
oklab(0.777 0.0422 0.0735)
OKLCH
oklch(0.777 0.0848 60.14)
XYZ
xyz(48.64, 45.97, 26.39)
CMYK
cmyk(0%, 24%, 43%, 13%)
CSS
color: #dfaa7f;
CSS variable
--color-dfaa7f: #dfaa7f;
SCSS
$color-dfaa7f: #dfaa7f;
Tailwind
red-300
Export
:root {
--#dfaa7f-1: #dfaa7f;
}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.