أقرب لون مسمّى · #E7FAE9
#E7FAE9
أقرب لون مسمّى: Frozen Civilization
#E7FAE9 (rgb(231 250 233)، hsl(126 66% 94%)، oklch(0.966 0.03 148.4)) أقرب إلى اللون المسمّى Frozen Civilization. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#E7FAE9
oklch(0.966 0.03 148.4)
تحويلات الألوان
- HEX
- #e7fae9
- RGB
- rgb(231 250 233)
- HSL
- hsl(126 66% 94%)
- HWB
- hwb(126 91% 2%)
- OKLCH
- oklch(0.966 0.03 148.4)
- OKLab
- oklab(0.966 -0.026 0.016)
- CIE Lab
- lab(96.51 -8.73 5.94)
- LCH
- lch(96.51 10.56 145.8)
- CMYK
- cmyk(8% 0% 7% 2%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- E9FBEB
- ECFBED
- EEFCF0
- F1FCF2
- F3FDF4
- F5FDF6
- F8FEF8
- FAFEFB
- FDFFFD
درجات داكنة
- C9D9CB
- ABBAAD
- 8F9B90
- 737D74
- 59615A
- 404641
- 282D29
- 131513
- 030303
درجات رمادية
- DCEDDE
- D2E0D3
- C7D4C8
- BDC7BE
- B2BBB3
- A8AFA9
- 9EA39E
- 949794
- 8A8C8A
تناسق الألوان
متمم +180°
- E7FAE9
Frozen Civilization
- FFEEFE
≈ Lovely Euphoric Delight
متجاور -30° +30°
- E7FAE9
Frozen Civilization
- F2F7E1
≈ Lemon Sugar
- E0FBF4
≈ Mint Condition
ثلاثي +120° +240°
- E7FAE9
Frozen Civilization
- EFF4FF
≈ Placebo Blue
- FFF0EE
≈ Sefid White
متمم منقسم +150° +210°
- E7FAE9
Frozen Civilization
- F5F2FF
≈ Cloud Break
- FFEFF4
≈ Powder Puff
رباعي +90° +180° +270°
- E7FAE9
Frozen Civilization
- E9F6FF
≈ Kodama White
- FFEEFE
≈ Lovely Euphoric Delight
- FFF1E7
≈ Pico Ivory
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.09:1 · APCA Lc 0
Ag
AAAعلى الأسود
WCAG 19.24:1 · APCA Lc 101
أفضل لون للنص: #000000
WCAG 19.24:1 (AAA) · APCA Lc 101
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--frozen-civilization: #e7fae9;
--frozen-civilization-rgb: 231 250 233;
--frozen-civilization-oklch: oklch(0.966 0.03 148.4);
}
.element {
color: var(--frozen-civilization);
background-color: hsl(126 66% 94%);
border-color: oklch(0.966 0.03 148.4);
}Tailwind CSS v4
@theme {
--color-frozen-civilization: #e7fae9;
--color-frozen-civilization-50: #eff8f1;
--color-frozen-civilization-100: #e1ebe3;
--color-frozen-civilization-200: #ccd8ce;
--color-frozen-civilization-300: #adbcb0;
--color-frozen-civilization-400: #93a495;
--color-frozen-civilization-500: #798c7b;
--color-frozen-civilization-600: #677668;
--color-frozen-civilization-700: #525f53;
--color-frozen-civilization-800: #3c453c;
--color-frozen-civilization-900: #293029;
--color-frozen-civilization-950: #171c17;
}SCSS
$frozen-civilization: #e7fae9;
$frozen-civilization-rgb: 231, 250, 233;
$frozen-civilization-light: mix(#fff, $frozen-civilization, 20%);
$frozen-civilization-dark: mix(#000, $frozen-civilization, 20%);
.element {
color: $frozen-civilization;
box-shadow: 0 0 0 2px rgba($frozen-civilization, 0.35);
}