Benannte Farbe · #D9E4DE
Breezy Aqua
Breezy Aqua ist #D9E4DE: rgb(217 228 222), hsl(147 17% 87%), oklch(0.909 0.014 162.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Breezy Aqua color name →
#D9E4DE
oklch(0.909 0.014 162.4)
Farbumrechnungen
- HEX
- #d9e4de
- RGB
- rgb(217 228 222)
- HSL
- hsl(147 17% 87%)
- HWB
- hwb(147 85% 11%)
- OKLCH
- oklch(0.909 0.014 162.4)
- OKLab
- oklab(0.909 -0.014 0.004)
- CIE Lab
- lab(89.62 -4.63 1.59)
- LCH
- lch(89.62 4.9 161)
- CMYK
- cmyk(5% 0% 3% 11%)
Tints · Shades · Tones
Tints
- DDE7E1
- E1E9E5
- E4ECE8
- E8EFEB
- ECF1EE
- F0F4F2
- F4F7F5
- F7FAF8
- FBFCFC
Shades
- BCC6C1
- A1A9A5
- 868D89
- 6C726F
- 535855
- 3B3F3D
- 252826
- 111212
- 020302
Tones
- D0DAD4
- C7CFCA
- BDC5C1
- B4BBB7
- ABB1AE
- A3A7A4
- 9A9D9B
- 919392
- 898A89
Farbharmonien
Komplementär +180°
- D9E4DE
Breezy Aqua
- E8DDE3
≈ Diluted Red
Analog -30° +30°
- D9E4DE
Breezy Aqua
- DDE3D9
≈ Wishy-Washy Mint
- D7E4E3
≈ Fluffy Slippers
Triadisch +120° +240°
- D9E4DE
Breezy Aqua
- DFE0EA
≈ Flor Lila
- EADEDA
≈ Wishy-Washy Beige
Geteilt komplementär +150° +210°
- D9E4DE
Breezy Aqua
- E4DEE8
≈ Pale Muse
- EADDDE
≈ Pink Posey
Tetradisch +90° +180° +270°
- D9E4DE
Breezy Aqua
- DAE2EA
≈ Star Map
- E8DDE3
≈ Diluted Red
- E7E0D7
≈ Stone Harbour
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.30:1 · APCA Lc 15
Ag
AAAAuf Schwarz
WCAG 16.10:1 · APCA Lc 89
Beste Textfarbe: #000000
WCAG 16.10:1 (AAA) · APCA Lc 89
Contrast pairs
Code-Snippets
CSS
:root {
--breezy-aqua: #d9e4de;
--breezy-aqua-rgb: 217 228 222;
--breezy-aqua-oklch: oklch(0.909 0.014 162.4);
}
.element {
color: var(--breezy-aqua);
background-color: hsl(147 17% 87%);
border-color: oklch(0.909 0.014 162.4);
}Tailwind CSS v4
@theme {
--color-breezy-aqua: #d9e4de;
--color-breezy-aqua-50: #f2f6f4;
--color-breezy-aqua-100: #e4e9e6;
--color-breezy-aqua-200: #cfd6d3;
--color-breezy-aqua-300: #b1bab5;
--color-breezy-aqua-400: #97a19c;
--color-breezy-aqua-500: #7e8983;
--color-breezy-aqua-600: #6b746f;
--color-breezy-aqua-700: #555d59;
--color-breezy-aqua-800: #3e4441;
--color-breezy-aqua-900: #2b2f2d;
--color-breezy-aqua-950: #181b1a;
}SCSS
$breezy-aqua: #d9e4de;
$breezy-aqua-rgb: 217, 228, 222;
$breezy-aqua-light: mix(#fff, $breezy-aqua, 20%);
$breezy-aqua-dark: mix(#000, $breezy-aqua, 20%);
.element {
color: $breezy-aqua;
box-shadow: 0 0 0 2px rgba($breezy-aqua, 0.35);
}