Benannte Farbe · #D0D1E1
Hailstorm
Hailstorm ist #D0D1E1: rgb(208 209 225), hsl(236 22% 85%), oklch(0.865 0.022 283.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Hailstorm color name →
#D0D1E1
oklch(0.865 0.022 283.1)
Farbumrechnungen
- HEX
- #d0d1e1
- RGB
- rgb(208 209 225)
- HSL
- hsl(236 22% 85%)
- HWB
- hwb(236 82% 12%)
- OKLCH
- oklch(0.865 0.022 283.1)
- OKLab
- oklab(0.865 0.005 -0.021)
- CIE Lab
- lab(84.13 1.9 -8.05)
- LCH
- lch(84.13 8.27 283.3)
- CMYK
- cmyk(8% 7% 0% 12%)
Tints · Shades · Tones
Tints
- D5D6E4
- D9DAE7
- DEDFEA
- E3E3ED
- E7E8F0
- ECECF3
- F1F1F6
- F5F6F9
- FAFAFC
Shades
- B5B5C4
- 9A9BA7
- 80818B
- 676870
- 4F5056
- 39393E
- 232327
- 101012
- 020202
Tones
- C8C9D7
- BFC0CD
- B7B8C3
- AFB0B9
- A7A8AF
- 9FA0A6
- 97989C
- 8F9093
- 888889
Farbharmonien
Komplementär +180°
- D0D1E1
Hailstorm
- D5D3C3
≈ Static
Analog -30° +30°
- D0D1E1
Hailstorm
- C9D4E1
≈ Light Angora Blue
- D8CFDD
≈ Dusty Plum
Triadisch +120° +240°
- D0D1E1
Hailstorm
- E0CEC7
≈ Dusky Sand
- C6D7CE
≈ Geyser
Geteilt komplementär +150° +210°
- D0D1E1
Hailstorm
- DCD1C3
≈ Natural Tan
- CDD6C7
≈ Spring Valley
Tetradisch +90° +180° +270°
- D0D1E1
Hailstorm
- E1CDCE
≈ Rosebud
- D5D3C3
≈ Static
- C3D7D6
≈ Haint Blue
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.51:1 · APCA Lc 24
Ag
AAAAuf Schwarz
WCAG 13.88:1 · APCA Lc 79
Beste Textfarbe: #000000
WCAG 13.88:1 (AAA) · APCA Lc 79
Contrast pairs
Code-Snippets
CSS
:root {
--hailstorm: #d0d1e1;
--hailstorm-rgb: 208 209 225;
--hailstorm-oklch: oklch(0.865 0.022 283.1);
}
.element {
color: var(--hailstorm);
background-color: hsl(236 22% 85%);
border-color: oklch(0.865 0.022 283.1);
}Tailwind CSS v4
@theme {
--color-hailstorm: #d0d1e1;
--color-hailstorm-50: #f4f4fb;
--color-hailstorm-100: #e7e7ef;
--color-hailstorm-200: #d3d3de;
--color-hailstorm-300: #b6b6c3;
--color-hailstorm-400: #9c9dab;
--color-hailstorm-500: #848595;
--color-hailstorm-600: #6f707e;
--color-hailstorm-700: #595a65;
--color-hailstorm-800: #41424a;
--color-hailstorm-900: #2d2d33;
--color-hailstorm-950: #1a1a1f;
}SCSS
$hailstorm: #d0d1e1;
$hailstorm-rgb: 208, 209, 225;
$hailstorm-light: mix(#fff, $hailstorm, 20%);
$hailstorm-dark: mix(#000, $hailstorm, 20%);
.element {
color: $hailstorm;
box-shadow: 0 0 0 2px rgba($hailstorm, 0.35);
}