Couleur nommée la plus proche · #D9EDE2
#D9EDE2
Couleur nommée la plus proche: Shattered Ice
#D9EDE2 (rgb(217 237 226), hsl(147 36% 89%), oklch(0.928 0.026 161.9)) est la plus proche de la couleur nommée Shattered Ice. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#D9EDE2
oklch(0.928 0.026 161.9)
Conversions de couleur
- HEX
- #d9ede2
- RGB
- rgb(217 237 226)
- HSL
- hsl(147 36% 89%)
- HWB
- hwb(147 85% 7%)
- OKLCH
- oklch(0.928 0.026 161.9)
- OKLab
- oklab(0.928 -0.024 0.008)
- CIE Lab
- lab(92.02 -8.36 2.97)
- LCH
- lch(92.02 8.87 160.4)
- CMYK
- cmyk(8% 0% 5% 7%)
Teintes · Ombres · Tons
Teintes
- DDEFE5
- E1F1E8
- E4F2EB
- E8F4EE
- ECF6F0
- F0F8F3
- F4FAF6
- F7FBF9
- FBFDFC
Ombres
- BCCEC4
- A1B0A8
- 86938C
- 6C7771
- 535C57
- 3B423E
- 252A27
- 111412
- 020303
Tons
- D0E2D8
- C7D6CE
- BECBC4
- B4C0BA
- ACB5B0
- A3AAA6
- 9A9F9C
- 919593
- 898A89
Harmonies de couleurs
Complémentaire +180°
- D9EDE2
Shattered Ice
- F4E1EC
≈ Taffeta Tint
Analogue -30° +30°
- D9EDE2
Shattered Ice
- E1EBDA
≈ Homoeopathic Green
- D5EDEC
≈ Puffy Little Cloud
Triadique +120° +240°
- D9EDE2
Shattered Ice
- E4E6F9
≈ Cyber Lavender
- F7E2DA
≈ Sly Shrimp
Complémentaire divisée +150° +210°
- D9EDE2
Shattered Ice
- EDE3F4
≈ Sheer Lavender
- F8E1E3
≈ Poetic Princess
Tétradique +90° +180° +270°
- D9EDE2
Shattered Ice
- DBE9F9
≈ Celestial Cathedral
- F4E1EC
≈ Taffeta Tint
- F2E5D5
≈ Elegant Ivory
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.22:1 · APCA Lc 11
Ag
AAASur noir
WCAG 17.16:1 · APCA Lc 93
Meilleure couleur de texte: #000000
WCAG 17.16:1 (AAA) · APCA Lc 93
Contrast pairs
Extraits de code
CSS
:root {
--shattered-ice: #d9ede2;
--shattered-ice-rgb: 217 237 226;
--shattered-ice-oklch: oklch(0.928 0.026 161.9);
}
.element {
color: var(--shattered-ice);
background-color: hsl(147 36% 89%);
border-color: oklch(0.928 0.026 161.9);
}Tailwind CSS v4
@theme {
--color-shattered-ice: #d9ede2;
--color-shattered-ice-50: #eff8f3;
--color-shattered-ice-100: #e1ebe5;
--color-shattered-ice-200: #cbd8d1;
--color-shattered-ice-300: #acbcb4;
--color-shattered-ice-400: #92a39a;
--color-shattered-ice-500: #788c81;
--color-shattered-ice-600: #65766d;
--color-shattered-ice-700: #515f57;
--color-shattered-ice-800: #3b453f;
--color-shattered-ice-900: #28302c;
--color-shattered-ice-950: #161c19;
}SCSS
$shattered-ice: #d9ede2;
$shattered-ice-rgb: 217, 237, 226;
$shattered-ice-light: mix(#fff, $shattered-ice, 20%);
$shattered-ice-dark: mix(#000, $shattered-ice, 20%);
.element {
color: $shattered-ice;
box-shadow: 0 0 0 2px rgba($shattered-ice, 0.35);
}