Couleur nommée · #D7DEEB
Icelandic Winds
Icelandic Winds correspond à #D7DEEB : rgb(215 222 235), hsl(219 33% 88%), oklch(0.899 0.019 263). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Gray mean? → · Icelandic Winds color name →
#D7DEEB
oklch(0.899 0.019 263)
Conversions de couleur
- HEX
- #d7deeb
- RGB
- rgb(215 222 235)
- HSL
- hsl(219 33% 88%)
- HWB
- hwb(219 84% 8%)
- OKLCH
- oklch(0.899 0.019 263)
- OKLab
- oklab(0.899 -0.002 -0.019)
- CIE Lab
- lab(88.22 -0.6 -7.24)
- LCH
- lch(88.22 7.26 265.3)
- CMYK
- cmyk(9% 6% 0% 8%)
Teintes · Ombres · Tons
Teintes
- DBE1ED
- DFE5EF
- E3E8F1
- E7EBF3
- EBEEF5
- EFF2F7
- F3F5F9
- F7F8FB
- FBFCFD
Ombres
- BBC1CC
- 9FA5AE
- 858991
- 6B6F75
- 52555B
- 3B3D41
- 252629
- 111213
- 020203
Tons
- CED4E0
- C5CAD5
- BCC1CA
- B3B7BF
- AAAEB4
- A2A4A9
- 999B9F
- 919294
- 88898A
Harmonies de couleurs
Complémentaire +180°
- D7DEEB
Icelandic Winds
- E4DDD0
≈ Pacer White
Analogue -30° +30°
- D7DEEB
Icelandic Winds
- D2E0E9
≈ Lupin Grey
- DEDCEA
≈ Artemis Silver
Triadique +120° +240°
- D7DEEB
Icelandic Winds
- EAD9D8
≈ Sea Anemone
- D7E1D6
≈ Dewy
Complémentaire divisée +150° +210°
- D7DEEB
Icelandic Winds
- E9DBD2
≈ Desert Mountain
- DDDFD1
≈ Whitened Sage
Tétradique +90° +180° +270°
- D7DEEB
Icelandic Winds
- E9D9DF
≈ Unfading Dusk
- E4DDD0
≈ Pacer White
- D2E2DC
≈ Morning Breeze
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.35:1 · APCA Lc 17
Ag
AAASur noir
WCAG 15.53:1 · APCA Lc 86
Meilleure couleur de texte: #000000
WCAG 15.53:1 (AAA) · APCA Lc 86
Contrast pairs
Extraits de code
CSS
:root {
--icelandic-winds: #d7deeb;
--icelandic-winds-rgb: 215 222 235;
--icelandic-winds-oklch: oklch(0.899 0.019 263);
}
.element {
color: var(--icelandic-winds);
background-color: hsl(219 33% 88%);
border-color: oklch(0.899 0.019 263);
}Tailwind CSS v4
@theme {
--color-icelandic-winds: #d7deeb;
--color-icelandic-winds-50: #f2f5fb;
--color-icelandic-winds-100: #e5e8ef;
--color-icelandic-winds-200: #d0d4dd;
--color-icelandic-winds-300: #b2b7c2;
--color-icelandic-winds-400: #989faa;
--color-icelandic-winds-500: #7f8693;
--color-icelandic-winds-600: #6c727d;
--color-icelandic-winds-700: #565b64;
--color-icelandic-winds-800: #3f4349;
--color-icelandic-winds-900: #2b2e33;
--color-icelandic-winds-950: #181b1e;
}SCSS
$icelandic-winds: #d7deeb;
$icelandic-winds-rgb: 215, 222, 235;
$icelandic-winds-light: mix(#fff, $icelandic-winds, 20%);
$icelandic-winds-dark: mix(#000, $icelandic-winds, 20%);
.element {
color: $icelandic-winds;
box-shadow: 0 0 0 2px rgba($icelandic-winds, 0.35);
}