Preview
#f6a67d
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 1.97:1 · vs black: 10.67:1
HEX
#f6a67d
RGB
rgb(246, 166, 125)
RGBA
rgba(246, 166, 125, 1)
HSL
hsl(20, 87%, 73%)
HSV
hsv(20, 49%, 96%)
LAB
lab(75.05% 25.09 33.19)
LCH
lch(75.05% 41.61 52.91)
OKLAB
oklab(0.7943 0.0738 0.0814)
OKLCH
oklch(0.7943 0.1099 47.8)
XYZ
xyz(55.35, 48.35, 25.82)
CMYK
cmyk(0%, 33%, 49%, 4%)
CSS
color: #f6a67d;
CSS variable
--color-f6a67d: #f6a67d;
SCSS
$color-f6a67d: #f6a67d;
Tailwind
red-200
Export
:root {
--#f6a67d-1: #f6a67d;
}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.