Preview
#ff681c
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 2.9:1 · vs black: 7.25:1
HEX
#ff681c
RGB
rgb(255, 104, 28)
RGBA
rgba(255, 104, 28, 1)
HSL
hsl(20, 100%, 55%)
HSV
hsv(20, 89%, 100%)
LAB
lab(62.72% 54.41 65.63)
LCH
lch(62.72% 85.25 50.34)
OKLAB
oklab(0.6991 0.1482 0.1342)
OKLCH
oklch(0.6991 0.1999 42.16)
XYZ
xyz(46.41, 31.25, 4.69)
CMYK
cmyk(0%, 59%, 89%, 0%)
CSS
color: #ff681c;
CSS variable
--color-ff681c: #ff681c;
SCSS
$color-ff681c: #ff681c;
Tailwind
red-400
Export
:root {
--#ff681c-1: #ff681c;
}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.