Preview
#ffa64d
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 1.94:1 · vs black: 10.81:1
HEX
#ffa64d
RGB
rgb(255, 166, 77)
RGBA
rgba(255, 166, 77, 1)
HSL
hsl(30, 100%, 65%)
HSV
hsv(30, 70%, 100%)
LAB
lab(75.5% 25.33 57.95)
LCH
lch(75.5% 63.24 66.39)
OKLAB
oklab(0.7981 0.0673 0.1305)
OKLCH
oklch(0.7981 0.1468 62.72)
XYZ
xyz(56.22, 49.07, 13.53)
CMYK
cmyk(0%, 35%, 70%, 0%)
CSS
color: #ffa64d;
CSS variable
--color-ffa64d: #ffa64d;
SCSS
$color-ffa64d: #ffa64d;
Tailwind
red-300
Export
:root {
--#ffa64d-1: #ffa64d;
}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.