Benannte Farbe · #D4EDE6
Cascade
Cascade ist #D4EDE6: rgb(212 237 230), hsl(163 41% 88%), oklch(0.926 0.028 177). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Cascade color name →
#D4EDE6
oklch(0.926 0.028 177)
Farbumrechnungen
- HEX
- #d4ede6
- RGB
- rgb(212 237 230)
- HSL
- hsl(163 41% 88%)
- HWB
- hwb(163 83% 7%)
- OKLCH
- oklch(0.926 0.028 177)
- OKLab
- oklab(0.926 -0.028 0.001)
- CIE Lab
- lab(91.76 -9.5 0.46)
- LCH
- lch(91.76 9.51 177.2)
- CMYK
- cmyk(11% 0% 3% 7%)
Tints · Shades · Tones
Tints
- D8EFE8
- DDF1EB
- E1F2ED
- E5F4F0
- EAF6F2
- EEF8F5
- F2FAF7
- F6FBFA
- FBFDFC
Shades
- B8CEC8
- 9DB0AB
- 83938E
- 697773
- 515C59
- 3A4240
- 242A28
- 101413
- 020303
Tones
- CBE2DB
- C3D6D1
- BACBC6
- B2C0BC
- A9B5B2
- A1AAA7
- 999F9D
- 909593
- 888A8A
Farbharmonien
Komplementär +180°
- D4EDE6
Cascade
- F7DFE7
≈ Wishy-Washy Lilies
Analog -30° +30°
- D4EDE6
Cascade
- DBECDC
≈ Cottage Green
- D2ECF0
≈ Blue Emulsion
Triadisch +120° +240°
- D4EDE6
Cascade
- E8E3F7
≈ Lavender Mist
- F6E2D5
≈ Island Hopping
Geteilt komplementär +150° +210°
- D4EDE6
Cascade
- F1E0F0
≈ Sheer Lavender
- F9E0DD
≈ Pale Perfection
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.23:1 · APCA Lc 11
Ag
AAAAuf Schwarz
WCAG 17.05:1 · APCA Lc 93
Beste Textfarbe: #000000
WCAG 17.05:1 (AAA) · APCA Lc 93
Contrast pairs
Code-Snippets
CSS
:root {
--cascade: #d4ede6;
--cascade-rgb: 212 237 230;
--cascade-oklch: oklch(0.926 0.028 177);
}
.element {
color: var(--cascade);
background-color: hsl(163 41% 88%);
border-color: oklch(0.926 0.028 177);
}Tailwind CSS v4
@theme {
--color-cascade: #d4ede6;
--color-cascade-50: #edf8f5;
--color-cascade-100: #dfebe8;
--color-cascade-200: #c8d8d4;
--color-cascade-300: #a9bcb7;
--color-cascade-400: #8ea49e;
--color-cascade-500: #738d86;
--color-cascade-600: #627771;
--color-cascade-700: #4e5f5a;
--color-cascade-800: #394642;
--color-cascade-900: #27302d;
--color-cascade-950: #151c1a;
}SCSS
$cascade: #d4ede6;
$cascade-rgb: 212, 237, 230;
$cascade-light: mix(#fff, $cascade, 20%);
$cascade-dark: mix(#000, $cascade, 20%);
.element {
color: $cascade;
box-shadow: 0 0 0 2px rgba($cascade, 0.35);
}