Preview
#ffbe4d
Family: Orange
Accessibility on this swatch:
Contrast vs white: 1.65:1 · vs black: 12.72:1
HEX
#ffbe4d
RGB
rgb(255, 190, 77)
RGBA
rgba(255, 190, 77, 1)
HSL
hsl(38, 100%, 65%)
HSV
hsv(38, 70%, 100%)
LAB
lab(81.09% 12.8 63.81)
LCH
lch(81.09% 65.08 78.66)
OKLAB
oklab(0.8417 0.0305 0.143)
OKLCH
oklch(0.8417 0.1462 77.96)
XYZ
xyz(61.00, 58.63, 15.12)
CMYK
cmyk(0%, 25%, 70%, 0%)
CSS
color: #ffbe4d;
CSS variable
--color-ffbe4d: #ffbe4d;
SCSS
$color-ffbe4d: #ffbe4d;
Tailwind
red-300
Export
:root {
--#ffbe4d-1: #ffbe4d;
}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.