Preview
#ffc48a
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 1.55:1 · vs black: 13.51:1
HEX
#ffc48a
RGB
rgb(255, 196, 138)
RGBA
rgba(255, 196, 138, 1)
HSL
hsl(30, 100%, 77%)
HSV
hsv(30, 46%, 100%)
LAB
lab(83.22% 14.13 37.18)
LCH
lch(83.22% 39.77 69.19)
OKLAB
oklab(0.8606 0.0418 0.0911)
OKLCH
oklch(0.8606 0.1002 65.35)
XYZ
xyz(65.57, 62.58, 32.67)
CMYK
cmyk(0%, 23%, 46%, 0%)
CSS
color: #ffc48a;
CSS variable
--color-ffc48a: #ffc48a;
SCSS
$color-ffc48a: #ffc48a;
Tailwind
red-200
Export
:root {
--#ffc48a-1: #ffc48a;
}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.