Preview
#ffc46e
Family: Orange
Accessibility on this swatch:
Contrast vs white: 1.57:1 · vs black: 13.37:1
HEX
#ffc46e
RGB
rgb(255, 196, 110)
RGBA
rgba(255, 196, 110, 1)
HSL
hsl(36, 100%, 72%)
HSV
hsv(36, 57%, 100%)
LAB
lab(82.84% 11.73 50.74)
LCH
lch(82.84% 52.08 76.98)
OKLAB
oklab(0.8565 0.0316 0.1195)
OKLCH
oklch(0.8565 0.1236 75.19)
XYZ
xyz(63.80, 61.87, 23.33)
CMYK
cmyk(0%, 23%, 57%, 0%)
CSS
color: #ffc46e;
CSS variable
--color-ffc46e: #ffc46e;
SCSS
$color-ffc46e: #ffc46e;
Tailwind
red-200
Export
:root {
--#ffc46e-1: #ffc46e;
}Creativity, enthusiasm, and friendliness. Approachable CTAs and lifestyle brands.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Orange family.