Preview
#ecaf5f
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 1.93:1 · vs black: 10.86:1
HEX
#ecaf5f
RGB
rgb(236, 175, 95)
RGBA
rgba(236, 175, 95, 1)
HSL
hsl(34, 79%, 65%)
HSV
hsv(34, 60%, 93%)
LAB
lab(75.65% 13.86 49.06)
LCH
lch(75.65% 50.98 74.22)
OKLAB
oklab(0.7952 0.0372 0.1146)
OKLCH
oklch(0.7952 0.1205 72.02)
XYZ
xyz(51.99, 49.32, 17.61)
CMYK
cmyk(0%, 26%, 60%, 7%)
CSS
color: #ecaf5f;
CSS variable
--color-ecaf5f: #ecaf5f;
SCSS
$color-ecaf5f: #ecaf5f;
Tailwind
red-300
Export
:root {
--#ecaf5f-1: #ecaf5f;
}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.