En yakın adlandırılmış renk · #E8FEF6
#E8FEF6
En yakın adlandırılmış renk: Melting Glacier
#E8FEF6 (rgb(232 254 246), hsl(158 92% 95%), oklch(0.979 0.025 172)) en çok Melting Glacier adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#E8FEF6
oklch(0.979 0.025 172)
Renk dönüşümleri
- HEX
- #e8fef6
- RGB
- rgb(232 254 246)
- HSL
- hsl(158 92% 95%)
- HWB
- hwb(158 91% 0%)
- OKLCH
- oklch(0.979 0.025 172)
- OKLab
- oklab(0.979 -0.025 0.004)
- CIE Lab
- lab(97.87 -8.52 1.26)
- LCH
- lch(97.87 8.61 171.6)
- CMYK
- cmyk(9% 0% 3% 0%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- EAFEF7
- EDFEF8
- EFFEF9
- F1FEFA
- F4FFFA
- F6FFFB
- F8FFFC
- FAFFFD
- FDFFFE
Koyu tonlar
- CADDD6
- ACBDB7
- 909E98
- 74807B
- 59635F
- 404745
- 292D2C
- 131615
- 030303
Gri tonlar
- DDF1EA
- D2E4DD
- C8D7D1
- BDCAC5
- B3BDB9
- A8B1AD
- 9EA4A2
- 949896
- 8A8C8B
Renk uyumları
Tamamlayıcı +180°
- E8FEF6
Melting Glacier
- FFF5F9
≈ Sea Salt Sherbet
Analog -30° +30°
- E8FEF6
Melting Glacier
- EFFDED
≈ Lime Slice
- E6FDFF
≈ Bubbles
Üçlü +120° +240°
- E8FEF6
Melting Glacier
- F8F7FF
≈ Ghost White
- FFF6F1
≈ Seashell
Bölünmüş tamamlayıcı +150° +210°
- E8FEF6
Melting Glacier
- FEF5FF
≈ Cold Snow
- FFF5F5
≈ Sea Salt Sherbet
Dörtlü +90° +180° +270°
- E8FEF6
Melting Glacier
- F4F8FF
≈ Mā White
- FFF5F9
≈ Sea Salt Sherbet
- FFF7E9
≈ Apricot Ice
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.05:1 · APCA Lc 0
Ag
AAASiyah üzerinde
WCAG 19.93:1 · APCA Lc 104
En iyi metin rengi: #000000
WCAG 19.93:1 (AAA) · APCA Lc 104
Contrast pairs
Kod parçacıkları
CSS
:root {
--melting-glacier: #e8fef6;
--melting-glacier-rgb: 232 254 246;
--melting-glacier-oklch: oklch(0.979 0.025 172);
}
.element {
color: var(--melting-glacier);
background-color: hsl(158 92% 95%);
border-color: oklch(0.979 0.025 172);
}Tailwind CSS v4
@theme {
--color-melting-glacier: #e8fef6;
--color-melting-glacier-50: #eef8f4;
--color-melting-glacier-100: #e0ebe7;
--color-melting-glacier-200: #cad8d3;
--color-melting-glacier-300: #abbcb6;
--color-melting-glacier-400: #90a49d;
--color-melting-glacier-500: #768c84;
--color-melting-glacier-600: #647670;
--color-melting-glacier-700: #505f59;
--color-melting-glacier-800: #3a4541;
--color-melting-glacier-900: #28302d;
--color-melting-glacier-950: #161c1a;
}SCSS
$melting-glacier: #e8fef6;
$melting-glacier-rgb: 232, 254, 246;
$melting-glacier-light: mix(#fff, $melting-glacier, 20%);
$melting-glacier-dark: mix(#000, $melting-glacier, 20%);
.element {
color: $melting-glacier;
box-shadow: 0 0 0 2px rgba($melting-glacier, 0.35);
}