Glossy Pearl Gray
A versatile very light neutral.
#D4D5D6
rgb(212, 213, 214)
Color formats
HEX
#D4D5D6
RGB
rgb(212, 213, 214)
HSL
hsl(210, 2.4%, 83.5%)
HSV
hsv(210, 0.9%, 83.9%)
CMYK
cmyk(0.9%, 0.5%, 0%, 16.1%)
Color shades
Lighter tints and darker shades of Glossy Pearl Gray.
Lightest
#FFFFFF
Lighter
#FFFFFF
Base
#D4D5D6
Darker
#A0A2A4
Darkest
#6C6F72
Complementary
The opposite hue on the color wheel.
Analogous
Neighbouring hues that harmonise.
Contrast & readability
Where Glossy Pearl Gray works
Glossy Pearl Gray (#D4D5D6) is a versatile very light neutral. Being very light, it shines as a background or surface color, letting darker text and accents stand out on top of it. The low saturation keeps it calm and easy to pair, so it sits comfortably next to almost any accent color.
Observe the spectrum
More colors related to Glossy Pearl Gray — or browse all grays.
Color tools
Color Format Converter
Convert any color between HEX, RGB, HSL, HSV, CMYK and OKLCH instantly — and copy ready-to-paste CSS, SCSS or Tailwind.
Color Picker
Pick any color visually and copy accurate HEX, RGB, HSL and CMYK codes — no signup.
Palette Generator
Generate harmonious color palettes from any base color — complementary, analogous, triadic and more, with instant CSS export.
Contrast Checker
Test color contrast against WCAG 2.1 AA/AAA — live pass/fail, font-size rules, and a real component preview.
Shade & Tint Generator
Generate 10–12 step tints and shades from any color — perfect 50–950 UI ramps with CSS and Tailwind export.
Complementary Color Finder
Find the perfect complementary (180° opposite) color for any shade, with HEX/RGB/HSL and contrast info.