Preview
#d0d0d3
Family: Grey
Accessibility on this swatch:
Contrast vs white: 1.54:1 · vs black: 13.64:1
HEX
#d0d0d3
RGB
rgb(208, 208, 211)
RGBA
rgba(208, 208, 211, 1)
HSL
hsl(240, 3%, 82%)
HSV
hsv(240, 1%, 83%)
LAB
lab(83.56% 0.55 -1.48)
LCH
lch(83.56% 1.58 290.39)
OKLAB
oklab(0.8585 0.0012 -0.0039)
OKLCH
oklch(0.8585 0.0041 287.1)
XYZ
xyz(60.32, 63.22, 70.64)
CMYK
cmyk(1%, 1%, 0%, 17%)
CSS
color: #d0d0d3;
CSS variable
--color-d0d0d3: #d0d0d3;
SCSS
$color-d0d0d3: #d0d0d3;
Tailwind
slate-100
Export
:root {
--#d0d0d3-1: #d0d0d3;
}Neutrality, balance, and modernity. Essential for UI chrome, typography, and systems.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Grey family.