Benannte Farbe · #D1D6EB
Light Powdered Granite
Light Powdered Granite ist #D1D6EB: rgb(209 214 235), hsl(228 39% 87%), oklch(0.879 0.029 275.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Light Powdered Granite color name →
#D1D6EB
oklch(0.879 0.029 275.1)
Farbumrechnungen
- HEX
- #d1d6eb
- RGB
- rgb(209 214 235)
- HSL
- hsl(228 39% 87%)
- HWB
- hwb(228 82% 8%)
- OKLCH
- oklch(0.879 0.029 275.1)
- OKLab
- oklab(0.879 0.003 -0.029)
- CIE Lab
- lab(85.72 1.27 -10.97)
- LCH
- lch(85.72 11.04 276.6)
- CMYK
- cmyk(11% 9% 0% 8%)
Tints · Shades · Tones
Tints
- D6DAED
- DADEEF
- DFE2F1
- E3E6F3
- E8EAF5
- ECEEF7
- F1F3F9
- F6F7FB
- FAFBFD
Shades
- B5BACC
- 9B9EAE
- 818491
- 686A75
- 50525B
- 393B41
- 232529
- 101013
- 020203
Tones
- C9CDE0
- C0C4D5
- B8BBCA
- B0B3BF
- A8AAB4
- A0A1A9
- 98999F
- 909194
- 88888A
Farbharmonien
Komplementär +180°
- D1D6EB
Light Powdered Granite
- DDD7C2
≈ Palm Heart Cream
Analog -30° +30°
- D1D6EB
Light Powdered Granite
- C8DAEA
≈ Celestial Light
- DBD3E7
≈ Powder Viola White
Triadisch +120° +240°
- D1D6EB
Light Powdered Granite
- EAD1CA
≈ Birthday Cake
- C9DDCF
≈ Ruins of Civilization
Geteilt komplementär +150° +210°
- D1D6EB
Light Powdered Granite
- E5D4C3
≈ Fine White Sand
- D2DBC6
≈ Duchamp Light Green
Tetradisch +90° +180° +270°
- D1D6EB
Light Powdered Granite
- E9CFD4
≈ Pink Pail
- DDD7C2
≈ Palm Heart Cream
- C3DED9
≈ Whipped Mint
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.44:1 · APCA Lc 21
Ag
AAAAuf Schwarz
WCAG 14.52:1 · APCA Lc 82
Beste Textfarbe: #000000
WCAG 14.52:1 (AAA) · APCA Lc 82
Contrast pairs
Code-Snippets
CSS
:root {
--light-powdered-granite: #d1d6eb;
--light-powdered-granite-rgb: 209 214 235;
--light-powdered-granite-oklch: oklch(0.879 0.029 275.1);
}
.element {
color: var(--light-powdered-granite);
background-color: hsl(228 39% 87%);
border-color: oklch(0.879 0.029 275.1);
}Tailwind CSS v4
@theme {
--color-light-powdered-granite: #d1d6eb;
--color-light-powdered-granite-50: #f3f5fe;
--color-light-powdered-granite-100: #e5e7f2;
--color-light-powdered-granite-200: #d1d3e1;
--color-light-powdered-granite-300: #b3b6c7;
--color-light-powdered-granite-400: #999db0;
--color-light-powdered-granite-500: #80859a;
--color-light-powdered-granite-600: #6c7182;
--color-light-powdered-granite-700: #575a68;
--color-light-powdered-granite-800: #3f424d;
--color-light-powdered-granite-900: #2b2d35;
--color-light-powdered-granite-950: #191a21;
}SCSS
$light-powdered-granite: #d1d6eb;
$light-powdered-granite-rgb: 209, 214, 235;
$light-powdered-granite-light: mix(#fff, $light-powdered-granite, 20%);
$light-powdered-granite-dark: mix(#000, $light-powdered-granite, 20%);
.element {
color: $light-powdered-granite;
box-shadow: 0 0 0 2px rgba($light-powdered-granite, 0.35);
}