Preview
#ffcb7e
Family: Orange
Accessibility on this swatch:
Contrast vs white: 1.49:1 · vs black: 14.1:1
HEX
#ffcb7e
RGB
rgb(255, 203, 126)
RGBA
rgba(255, 203, 126, 1)
HSL
hsl(36, 100%, 75%)
HSV
hsv(36, 51%, 100%)
LAB
lab(84.73% 9.39 45.18)
LCH
lch(84.73% 46.15 78.26)
OKLAB
oklab(0.8719 0.0266 0.1085)
OKLCH
oklch(0.8719 0.1117 76.22)
XYZ
xyz(66.36, 65.48, 28.88)
CMYK
cmyk(0%, 20%, 51%, 0%)
CSS
color: #ffcb7e;
CSS variable
--color-ffcb7e: #ffcb7e;
SCSS
$color-ffcb7e: #ffcb7e;
Tailwind
red-200
Export
:root {
--#ffcb7e-1: #ffcb7e;
}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.