Preview
#d6f10e
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 1.28:1 · vs black: 16.45:1
HEX
#d6f10e
RGB
rgb(214, 241, 14)
RGBA
rgba(214, 241, 14, 1)
HSL
hsl(67, 89%, 50%)
HSV
hsv(67, 94%, 95%)
LAB
lab(90.43% -31.59 87.08)
LCH
lch(90.43% 92.63 109.94)
OKLAB
oklab(0.9068 -0.0969 0.1848)
OKLCH
oklch(0.9068 0.2087 117.67)
XYZ
xyz(59.27, 77.24, 12.20)
CMYK
cmyk(11%, 0%, 94%, 5%)
CSS
color: #d6f10e;
CSS variable
--color-d6f10e: #d6f10e;
SCSS
$color-d6f10e: #d6f10e;
Tailwind
amber-500
Export
:root {
--#d6f10e-1: #d6f10e;
}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.