Preview
#ffbf47
Family: Orange
Accessibility on this swatch:
Contrast vs white: 1.64:1 · vs black: 12.8:1
HEX
#ffbf47
RGB
rgb(255, 191, 71)
RGBA
rgba(255, 191, 71, 1)
HSL
hsl(39, 100%, 64%)
HSV
hsv(39, 72%, 100%)
LAB
lab(81.28% 12 66.47)
LCH
lch(81.28% 67.54 79.77)
OKLAB
oklab(0.843 0.0274 0.1475)
OKLCH
oklch(0.843 0.15 79.48)
XYZ
xyz(61.01, 58.98, 14.13)
CMYK
cmyk(0%, 25%, 72%, 0%)
CSS
color: #ffbf47;
CSS variable
--color-ffbf47: #ffbf47;
SCSS
$color-ffbf47: #ffbf47;
Tailwind
red-300
Export
:root {
--#ffbf47-1: #ffbf47;
}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.