Preview
#ffa600
Family: Orange
Accessibility on this swatch:
Contrast vs white: 1.96:1 · vs black: 10.71:1
HEX
#ffa600
RGB
rgb(255, 166, 0)
RGBA
rgba(255, 166, 0, 1)
HSL
hsl(39, 100%, 50%)
HSV
hsv(39, 100%, 100%)
LAB
lab(75.16% 23.41 79.1)
LCH
lch(75.16% 82.49 73.51)
OKLAB
oklab(0.7945 0.0551 0.1618)
OKLCH
oklch(0.7945 0.1709 71.19)
XYZ
xyz(54.88, 48.54, 6.48)
CMYK
cmyk(0%, 35%, 100%, 0%)
CSS
color: #ffa600;
CSS variable
--color-ffa600: #ffa600;
SCSS
$color-ffa600: #ffa600;
Tailwind
red-500
Export
:root {
--#ffa600-1: #ffa600;
}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.