En yakın adlandırılmış renk · #E7FAEE
#E7FAEE
En yakın adlandırılmış renk: Frozen Civilization
#E7FAEE (rgb(231 250 238), hsl(142 66% 94%), oklch(0.968 0.025 158.2)) en çok Frozen Civilization 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.
#E7FAEE
oklch(0.968 0.025 158.2)
Renk dönüşümleri
- HEX
- #e7faee
- RGB
- rgb(231 250 238)
- HSL
- hsl(142 66% 94%)
- HWB
- hwb(142 91% 2%)
- OKLCH
- oklch(0.968 0.025 158.2)
- OKLab
- oklab(0.968 -0.024 0.009)
- CIE Lab
- lab(96.61 -8.07 3.53)
- LCH
- lch(96.61 8.81 156.4)
- CMYK
- cmyk(8% 0% 5% 2%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E9FBF0
- ECFBF1
- EEFCF3
- F1FCF5
- F3FDF6
- F5FDF8
- F8FEFA
- FAFEFC
- FDFFFD
Koyu tonlar
- C9D9CF
- ABBAB1
- 8F9B93
- 737D77
- 59615C
- 404642
- 282D2A
- 131514
- 030303
Gri tonlar
- DCEDE2
- D2E0D7
- C7D4CC
- BDC7C1
- B2BBB5
- A8AFAA
- 9EA3A0
- 949795
- 8A8C8A
Renk uyumları
Tamamlayıcı +180°
- E7FAEE
Frozen Civilization
- FFEFFA
≈ Partial Pink
Analog -30° +30°
- E7FAEE
Frozen Civilization
- EFF8E6
≈ Panache
- E2FAF8
≈ Calm Waters
Üçlü +120° +240°
- E7FAEE
Frozen Civilization
- F2F4FF
≈ Sugar Crystal
- FFF1ED
≈ Polished Pink
Bölünmüş tamamlayıcı +150° +210°
- E7FAEE
Frozen Civilization
- F8F1FF
≈ Cloud Break
- FFF0F2
≈ Powder Puff
Dörtlü +90° +180° +270°
- E7FAEE
Frozen Civilization
- ECF6FF
≈ Placebo Blue
- FFEFFA
≈ Partial Pink
- FFF2E5
≈ Doeskin
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.08:1 · APCA Lc 0
Ag
AAASiyah üzerinde
WCAG 19.30:1 · APCA Lc 101
En iyi metin rengi: #000000
WCAG 19.30:1 (AAA) · APCA Lc 101
Contrast pairs
Kod parçacıkları
CSS
:root {
--frozen-civilization: #e7faee;
--frozen-civilization-rgb: 231 250 238;
--frozen-civilization-oklch: oklch(0.968 0.025 158.2);
}
.element {
color: var(--frozen-civilization);
background-color: hsl(142 66% 94%);
border-color: oklch(0.968 0.025 158.2);
}Tailwind CSS v4
@theme {
--color-frozen-civilization: #e7faee;
--color-frozen-civilization-50: #eff7f3;
--color-frozen-civilization-100: #e1ebe5;
--color-frozen-civilization-200: #cbd8d0;
--color-frozen-civilization-300: #adbcb3;
--color-frozen-civilization-400: #93a399;
--color-frozen-civilization-500: #798c80;
--color-frozen-civilization-600: #66766c;
--color-frozen-civilization-700: #525e56;
--color-frozen-civilization-800: #3c453f;
--color-frozen-civilization-900: #29302b;
--color-frozen-civilization-950: #171c18;
}SCSS
$frozen-civilization: #e7faee;
$frozen-civilization-rgb: 231, 250, 238;
$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);
}