Preview
#d6c800
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 1.73:1 · vs black: 12.12:1
HEX
#d6c800
RGB
rgb(214, 200, 0)
RGBA
rgba(214, 200, 0, 1)
HSL
hsl(56, 100%, 42%)
HSV
hsv(56, 100%, 84%)
LAB
lab(79.39% -11.92 80.06)
LCH
lch(79.39% 80.94 98.47)
OKLAB
oklab(0.8183 -0.0433 0.1677)
OKLCH
oklch(0.8183 0.1732 104.48)
XYZ
xyz(48.39, 55.61, 8.18)
CMYK
cmyk(0%, 7%, 100%, 16%)
CSS
color: #d6c800;
CSS variable
--color-d6c800: #d6c800;
SCSS
$color-d6c800: #d6c800;
Tailwind
orange-500
Export
:root {
--#d6c800-1: #d6c800;
}Optimism, attention, and warmth. Ideal for highlights, warnings, and cheerful brands.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Yellow family.