Preview
#cfb230
Family: Amber
Accessibility on this swatch:
Contrast vs white: 2.09:1 · vs black: 10.06:1
HEX
#cfb230
RGB
rgb(207, 178, 48)
RGBA
rgba(207, 178, 48, 1)
HSL
hsl(49, 62%, 50%)
HSV
hsv(49, 77%, 81%)
LAB
lab(73.1% -2.66 65.48)
LCH
lch(73.1% 65.53 92.33)
OKLAB
oklab(0.7673 -0.0145 0.143)
OKLCH
oklch(0.7673 0.1437 95.79)
XYZ
xyz(42.19, 45.32, 9.32)
CMYK
cmyk(0%, 14%, 77%, 19%)
CSS
color: #cfb230;
CSS variable
--color-cfb230: #cfb230;
SCSS
$color-cfb230: #cfb230;
Tailwind
orange-500
Export
:root {
--#cfb230-1: #cfb230;
}Confidence, warmth, and caution. Useful for notifications and premium earthy palettes.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Amber family.