أقرب لون مسمّى · #E1F3EA
#E1F3EA
أقرب لون مسمّى: Shattered Ice
#E1F3EA (rgb(225 243 234)، hsl(150 43% 92%)، oklch(0.948 0.022 164.5)) أقرب إلى اللون المسمّى Shattered Ice. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#E1F3EA
oklch(0.948 0.022 164.5)
تحويلات الألوان
- HEX
- #e1f3ea
- RGB
- rgb(225 243 234)
- HSL
- hsl(150 43% 92%)
- HWB
- hwb(150 88% 5%)
- OKLCH
- oklch(0.948 0.022 164.5)
- OKLab
- oklab(0.948 -0.022 0.006)
- CIE Lab
- lab(94.31 -7.37 2.21)
- LCH
- lch(94.31 7.7 163.3)
- CMYK
- cmyk(7% 0% 4% 5%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- E4F4EC
- E7F5EE
- EAF7F0
- EDF8F2
- F0F9F4
- F3FAF7
- F6FBF9
- F9FDFB
- FCFEFD
درجات داكنة
- C4D3CB
- A7B4AE
- 8B9791
- 707A75
- 565E5A
- 3E4441
- 272B29
- 121413
- 020303
درجات رمادية
- D7E7DF
- CDDBD4
- C3CFC9
- B9C3BE
- AFB8B4
- A6ACA9
- 9CA19F
- 939694
- 898B8A
تناسق الألوان
متمم +180°
- E1F3EA
Shattered Ice
- FAE8F1
≈ Cherry Pearl
متجاور -30° +30°
- E1F3EA
Shattered Ice
- E8F2E3
≈ Dinner Mint
- DEF3F2
≈ Bone-Chilling
ثلاثي +120° +240°
- E1F3EA
Shattered Ice
- ECECFD
≈ Placebo Purple
- FCEAE2
≈ Dogwood
متمم منقسم +150° +210°
- E1F3EA
Shattered Ice
- F4EAF9
≈ Perfume Haze
- FDE8E9
≈ Pink Sparkle
رباعي +90° +180° +270°
- E1F3EA
Shattered Ice
- E4EFFD
≈ Cotton Boll
- FAE8F1
≈ Cherry Pearl
- F7ECDE
≈ A la Mode
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.15:1 · APCA Lc 0
Ag
AAAعلى الأسود
WCAG 18.20:1 · APCA Lc 97
أفضل لون للنص: #000000
WCAG 18.20:1 (AAA) · APCA Lc 97
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--shattered-ice: #e1f3ea;
--shattered-ice-rgb: 225 243 234;
--shattered-ice-oklch: oklch(0.948 0.022 164.5);
}
.element {
color: var(--shattered-ice);
background-color: hsl(150 43% 92%);
border-color: oklch(0.948 0.022 164.5);
}Tailwind CSS v4
@theme {
--color-shattered-ice: #e1f3ea;
--color-shattered-ice-50: #eff7f4;
--color-shattered-ice-100: #e1eae6;
--color-shattered-ice-200: #ccd7d2;
--color-shattered-ice-300: #adbbb5;
--color-shattered-ice-400: #93a39b;
--color-shattered-ice-500: #798b82;
--color-shattered-ice-600: #67766e;
--color-shattered-ice-700: #525e58;
--color-shattered-ice-800: #3c4540;
--color-shattered-ice-900: #29302c;
--color-shattered-ice-950: #171c19;
}SCSS
$shattered-ice: #e1f3ea;
$shattered-ice-rgb: 225, 243, 234;
$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);
}