Benannte Farbe · #DEE1ED
Blush Sky
Blush Sky ist #DEE1ED: rgb(222 225 237), hsl(228 29% 90%), oklch(0.911 0.017 274.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Blush Sky color name →
#DEE1ED
oklch(0.911 0.017 274.8)
Farbumrechnungen
- HEX
- #dee1ed
- RGB
- rgb(222 225 237)
- HSL
- hsl(228 29% 90%)
- HWB
- hwb(228 87% 7%)
- OKLCH
- oklch(0.911 0.017 274.8)
- OKLab
- oklab(0.911 0.001 -0.017)
- CIE Lab
- lab(89.56 0.62 -6.24)
- LCH
- lch(89.56 6.27 275.7)
- CMYK
- cmyk(6% 5% 0% 7%)
Tints · Shades · Tones
Tints
- E1E4EF
- E5E7F1
- E8EAF2
- EBEDF4
- EEF0F6
- F2F3F8
- F5F6FA
- F8F9FB
- FCFCFD
Shades
- C1C4CE
- A5A7B0
- 898B93
- 6F7077
- 55565C
- 3D3E42
- 26272A
- 121214
- 020203
Tones
- D4D7E2
- CACDD6
- C1C3CB
- B7B9C0
- AEAFB5
- A4A6AA
- 9B9C9F
- 929395
- 89898A
Farbharmonien
Komplementär +180°
- DEE1ED
Blush Sky
- E5E2D6
≈ Large Wild Convolvulus
Analog -30° +30°
- DEE1ED
Blush Sky
- D9E3EC
≈ Ocean Air
- E4DFEB
≈ Velvet Scarf
Triadisch +120° +240°
- DEE1ED
Blush Sky
- ECDEDA
≈ Wishy-Washy Beige
- D9E5DD
≈ Crystal Salt White
Geteilt komplementär +150° +210°
- DEE1ED
Blush Sky
- EAE0D6
≈ Soft & Warm
- DFE4D8
≈ Poplar White
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.30:1 · APCA Lc 15
Ag
AAAAuf Schwarz
WCAG 16.09:1 · APCA Lc 89
Beste Textfarbe: #000000
WCAG 16.09:1 (AAA) · APCA Lc 89
Contrast pairs
Code-Snippets
CSS
:root {
--blush-sky: #dee1ed;
--blush-sky-rgb: 222 225 237;
--blush-sky-oklch: oklch(0.911 0.017 274.8);
}
.element {
color: var(--blush-sky);
background-color: hsl(228 29% 90%);
border-color: oklch(0.911 0.017 274.8);
}Tailwind CSS v4
@theme {
--color-blush-sky: #dee1ed;
--color-blush-sky-50: #f4f5fa;
--color-blush-sky-100: #e6e7ed;
--color-blush-sky-200: #d2d4db;
--color-blush-sky-300: #b5b7c0;
--color-blush-sky-400: #9b9ea9;
--color-blush-sky-500: #838692;
--color-blush-sky-600: #6f717b;
--color-blush-sky-700: #585a62;
--color-blush-sky-800: #404248;
--color-blush-sky-900: #2c2e32;
--color-blush-sky-950: #191a1e;
}SCSS
$blush-sky: #dee1ed;
$blush-sky-rgb: 222, 225, 237;
$blush-sky-light: mix(#fff, $blush-sky, 20%);
$blush-sky-dark: mix(#000, $blush-sky, 20%);
.element {
color: $blush-sky;
box-shadow: 0 0 0 2px rgba($blush-sky, 0.35);
}