En yakın adlandırılmış renk · #E2F1EF
#E2F1EF
En yakın adlandırılmış renk: Bone-Chilling
#E2F1EF (rgb(226 241 239), hsl(172 35% 92%), oklch(0.946 0.016 187.3)) en çok Bone-Chilling 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.
#E2F1EF
oklch(0.946 0.016 187.3)
Renk dönüşümleri
- HEX
- #e2f1ef
- RGB
- rgb(226 241 239)
- HSL
- hsl(172 35% 92%)
- HWB
- hwb(172 89% 5%)
- OKLCH
- oklch(0.946 0.016 187.3)
- OKLab
- oklab(0.946 -0.016 -0.002)
- CIE Lab
- lab(93.97 -5.4 -0.83)
- LCH
- lch(93.97 5.47 188.7)
- CMYK
- cmyk(6% 0% 1% 5%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E5F2F1
- E8F4F2
- EBF5F4
- EEF7F5
- F1F8F7
- F3F9F9
- F6FBFA
- F9FCFC
- FCFEFD
Koyu tonlar
- C4D2D0
- A8B3B1
- 8C9594
- 717978
- 575D5C
- 3E4342
- 272B2A
- 121414
- 030303
Gri tonlar
- D8E5E3
- CED9D8
- C4CECC
- BAC2C1
- B0B7B6
- A6ACAB
- 9CA1A0
- 939695
- 898B8B
Renk uyumları
Tamamlayıcı +180°
- E2F1EF
Bone-Chilling
- F8E9EB
≈ Morning Shine
Analog -30° +30°
- E2F1EF
Bone-Chilling
- E5F1E9
≈ Opera Glass
- E2F0F4
≈ Diamond White
Üçlü +120° +240°
- E2F1EF
Bone-Chilling
- F0EBF6
≈ Perfume Haze
- F5ECE2
≈ Champagne Flute
Bölünmüş tamamlayıcı +150° +210°
- E2F1EF
Bone-Chilling
- F5E9F1
≈ Snow Plum
- F8EAE6
≈ Musical Mist
Dörtlü +90° +180° +270°
- E2F1EF
Bone-Chilling
- EAEDF8
≈ Coconut White
- F8E9EB
≈ Morning Shine
- F0EEE2
≈ Blanc Cassé
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.16:1 · APCA Lc 8
Ag
AAASiyah üzerinde
WCAG 18.06:1 · APCA Lc 97
En iyi metin rengi: #000000
WCAG 18.06:1 (AAA) · APCA Lc 97
Contrast pairs
Kod parçacıkları
CSS
:root {
--bone-chilling: #e2f1ef;
--bone-chilling-rgb: 226 241 239;
--bone-chilling-oklch: oklch(0.946 0.016 187.3);
}
.element {
color: var(--bone-chilling);
background-color: hsl(172 35% 92%);
border-color: oklch(0.946 0.016 187.3);
}Tailwind CSS v4
@theme {
--color-bone-chilling: #e2f1ef;
--color-bone-chilling-50: #f0f7f6;
--color-bone-chilling-100: #e2eae9;
--color-bone-chilling-200: #cdd6d5;
--color-bone-chilling-300: #afbab9;
--color-bone-chilling-400: #94a2a0;
--color-bone-chilling-500: #7b8a88;
--color-bone-chilling-600: #687573;
--color-bone-chilling-700: #535d5c;
--color-bone-chilling-800: #3c4443;
--color-bone-chilling-900: #2a2f2e;
--color-bone-chilling-950: #171c1b;
}SCSS
$bone-chilling: #e2f1ef;
$bone-chilling-rgb: 226, 241, 239;
$bone-chilling-light: mix(#fff, $bone-chilling, 20%);
$bone-chilling-dark: mix(#000, $bone-chilling, 20%);
.element {
color: $bone-chilling;
box-shadow: 0 0 0 2px rgba($bone-chilling, 0.35);
}