Preview
#ffb84d
Family: Orange
Accessibility on this swatch:
Contrast vs white: 1.72:1 · vs black: 12.22:1
HEX
#ffb84d
RGB
rgb(255, 184, 77)
RGBA
rgba(255, 184, 77, 1)
HSL
hsl(36, 100%, 65%)
HSV
hsv(36, 70%, 100%)
LAB
lab(79.66% 15.93 62.33)
LCH
lch(79.66% 64.33 75.66)
OKLAB
oklab(0.8305 0.0396 0.1398)
OKLCH
oklch(0.8305 0.1453 74.18)
XYZ
xyz(59.72, 56.08, 14.70)
CMYK
cmyk(0%, 28%, 70%, 0%)
CSS
color: #ffb84d;
CSS variable
--color-ffb84d: #ffb84d;
SCSS
$color-ffb84d: #ffb84d;
Tailwind
red-300
Export
:root {
--#ffb84d-1: #ffb84d;
}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.