Benannte Farbe · #DAE6E2
Cool White
Cool White ist #DAE6E2: rgb(218 230 226), hsl(160 19% 88%), oklch(0.915 0.014 174.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Cool White color name →
#DAE6E2
oklch(0.915 0.014 174.1)
Farbumrechnungen
- HEX
- #dae6e2
- RGB
- rgb(218 230 226)
- HSL
- hsl(160 19% 88%)
- HWB
- hwb(160 85% 10%)
- OKLCH
- oklch(0.915 0.014 174.1)
- OKLab
- oklab(0.915 -0.014 0.001)
- CIE Lab
- lab(90.29 -4.7 0.5)
- LCH
- lch(90.29 4.72 174)
- CMYK
- cmyk(5% 0% 2% 10%)
Tints · Shades · Tones
Tints
- DEE8E5
- E1EBE8
- E5EDEB
- E9F0EE
- ECF2F0
- F0F5F3
- F4F7F6
- F8FAF9
- FBFCFC
Shades
- BDC8C4
- A2ABA8
- 878E8C
- 6C7371
- 545957
- 3C403E
- 252827
- 111312
- 020303
Tones
- D1DBD8
- C7D1CE
- BEC6C4
- B5BCBA
- ACB2B0
- A3A7A6
- 9A9D9C
- 919493
- 898A89
Farbharmonien
Komplementär +180°
- DAE6E2
Cool White
- EBDFE3
≈ Weak Mauve
Analog -30° +30°
- DAE6E2
Cool White
- DEE5DD
≈ Morning Rush
- D9E6E7
≈ Smoke and Mirrors
Triadisch +120° +240°
- DAE6E2
Cool White
- E3E1EB
≈ Guardian Angel
- EBE1DA
≈ Newmarket Sausage
Geteilt komplementär +150° +210°
- DAE6E2
Cool White
- E8E0E8
≈ Bubble Bath
- ECDFDE
≈ Crystallise
Tetradisch +90° +180° +270°
- DAE6E2
Cool White
- DEE3EC
≈ Calm Iridescence
- EBDFE3
≈ Weak Mauve
- E7E2D9
≈ Toque White
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.28:1 · APCA Lc 14
Ag
AAAAuf Schwarz
WCAG 16.39:1 · APCA Lc 90
Beste Textfarbe: #000000
WCAG 16.39:1 (AAA) · APCA Lc 90
Contrast pairs
Code-Snippets
CSS
:root {
--cool-white: #dae6e2;
--cool-white-rgb: 218 230 226;
--cool-white-oklch: oklch(0.915 0.014 174.1);
}
.element {
color: var(--cool-white);
background-color: hsl(160 19% 88%);
border-color: oklch(0.915 0.014 174.1);
}Tailwind CSS v4
@theme {
--color-cool-white: #dae6e2;
--color-cool-white-50: #f1f6f5;
--color-cool-white-100: #e3e9e8;
--color-cool-white-200: #ced6d4;
--color-cool-white-300: #b0bab7;
--color-cool-white-400: #97a19e;
--color-cool-white-500: #7d8985;
--color-cool-white-600: #6a7471;
--color-cool-white-700: #555d5a;
--color-cool-white-800: #3e4442;
--color-cool-white-900: #2a2f2d;
--color-cool-white-950: #181b1a;
}SCSS
$cool-white: #dae6e2;
$cool-white-rgb: 218, 230, 226;
$cool-white-light: mix(#fff, $cool-white, 20%);
$cool-white-dark: mix(#000, $cool-white, 20%);
.element {
color: $cool-white;
box-shadow: 0 0 0 2px rgba($cool-white, 0.35);
}