Cor nomeada mais próxima · #D9EDE2
#D9EDE2
Cor nomeada mais próxima: Shattered Ice
#D9EDE2 (rgb(217 237 226), hsl(147 36% 89%), oklch(0.928 0.026 161.9)) é mais próxima da cor nomeada Shattered Ice. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#D9EDE2
oklch(0.928 0.026 161.9)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- DDEFE5
- E1F1E8
- E4F2EB
- E8F4EE
- ECF6F0
- F0F8F3
- F4FAF6
- F7FBF9
- FBFDFC
Sombras
- BCCEC4
- A1B0A8
- 86938C
- 6C7771
- 535C57
- 3B423E
- 252A27
- 111412
- 020303
Tons
- D0E2D8
- C7D6CE
- BECBC4
- B4C0BA
- ACB5B0
- A3AAA6
- 9A9F9C
- 919593
- 898A89
Harmonias de cor
Complementar +180°
- D9EDE2
Shattered Ice
- F4E1EC
≈ Taffeta Tint
Análoga -30° +30°
- D9EDE2
Shattered Ice
- E1EBDA
≈ Homoeopathic Green
- D5EDEC
≈ Puffy Little Cloud
Tríade +120° +240°
- D9EDE2
Shattered Ice
- E4E6F9
≈ Cyber Lavender
- F7E2DA
≈ Sly Shrimp
Complementar dividida +150° +210°
- D9EDE2
Shattered Ice
- EDE3F4
≈ Sheer Lavender
- F8E1E3
≈ Poetic Princess
Tétrade +90° +180° +270°
- D9EDE2
Shattered Ice
- DBE9F9
≈ Celestial Cathedral
- F4E1EC
≈ Taffeta Tint
- F2E5D5
≈ Elegant Ivory
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.22:1 · APCA Lc 11
Ag
AAASobre preto
WCAG 17.16:1 · APCA Lc 93
Melhor cor de texto: #000000
WCAG 17.16:1 (AAA) · APCA Lc 93
Contrast pairs
Trechos de código
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);
}