Preview
#f7c864
Family: Orange
Accessibility on this swatch:
Contrast vs white: 1.57:1 · vs black: 13.4:1
HEX
#f7c864
RGB
rgb(247, 200, 100)
RGBA
rgba(247, 200, 100, 1)
HSL
hsl(41, 90%, 68%)
HSV
hsv(41, 60%, 97%)
LAB
lab(82.92% 5.66 55.37)
LCH
lch(82.92% 55.66 84.16)
OKLAB
oklab(0.8549 0.0131 0.1286)
OKLCH
oklch(0.8549 0.1293 84.18)
XYZ
xyz(61.32, 62.01, 20.79)
CMYK
cmyk(0%, 19%, 60%, 3%)
CSS
color: #f7c864;
CSS variable
--color-f7c864: #f7c864;
SCSS
$color-f7c864: #f7c864;
Tailwind
orange-300
Export
:root {
--#f7c864-1: #f7c864;
}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.