Preview
#ffc799
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 1.51:1 · vs black: 13.88:1
HEX
#ffc799
RGB
rgb(255, 199, 153)
RGBA
rgba(255, 199, 153, 1)
HSL
hsl(27, 100%, 80%)
HSV
hsv(27, 40%, 100%)
LAB
lab(84.18% 14.1 30.67)
LCH
lch(84.18% 33.76 65.31)
OKLAB
oklab(0.8689 0.043 0.0765)
OKLCH
oklch(0.8689 0.0878 60.66)
XYZ
xyz(67.42, 64.41, 39.01)
CMYK
cmyk(0%, 22%, 40%, 0%)
CSS
color: #ffc799;
CSS variable
--color-ffc799: #ffc799;
SCSS
$color-ffc799: #ffc799;
Tailwind
red-200
Export
:root {
--#ffc799-1: #ffc799;
}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.