Preview
#ffa275
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 1.97:1 · vs black: 10.68:1
HEX
#ffa275
RGB
rgb(255, 162, 117)
RGBA
rgba(255, 162, 117, 1)
HSL
hsl(20, 100%, 73%)
HSV
hsv(20, 54%, 100%)
LAB
lab(75.07% 30.02 37.66)
LCH
lch(75.07% 48.16 51.44)
OKLAB
oklab(0.7963 0.0871 0.091)
OKLCH
oklch(0.7963 0.126 46.25)
XYZ
xyz(57.37, 48.39, 23.14)
CMYK
cmyk(0%, 36%, 54%, 0%)
CSS
color: #ffa275;
CSS variable
--color-ffa275: #ffa275;
SCSS
$color-ffa275: #ffa275;
Tailwind
red-200
Export
:root {
--#ffa275-1: #ffa275;
}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.