En yakın adlandırılmış renk · #E4F3F9
#E4F3F9
En yakın adlandırılmış renk: Diamond White
#E4F3F9 (rgb(228 243 249), hsl(197 64% 94%), oklch(0.955 0.018 223.6)) en çok Diamond White 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.
#E4F3F9
oklch(0.955 0.018 223.6)
Renk dönüşümleri
- HEX
- #e4f3f9
- RGB
- rgb(228 243 249)
- HSL
- hsl(197 64% 94%)
- HWB
- hwb(197 89% 2%)
- OKLCH
- oklch(0.955 0.018 223.6)
- OKLab
- oklab(0.955 -0.013 -0.012)
- CIE Lab
- lab(94.85 -4.27 -4.69)
- LCH
- lch(94.85 6.34 227.7)
- CMYK
- cmyk(8% 2% 0% 2%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E7F4FA
- E9F5FA
- ECF7FB
- EFF8FB
- F2F9FC
- F4FAFD
- F7FBFD
- FAFDFE
- FCFEFE
Koyu tonlar
- C6D3D9
- A9B4B9
- 8D979A
- 727A7D
- 585E61
- 3F4446
- 282B2C
- 121415
- 030303
Gri tonlar
- DAE7EC
- CFDBE0
- C5CFD3
- BBC3C7
- B1B8BB
- A7ACAF
- 9DA1A3
- 939697
- 8A8B8B
Renk uyumları
Tamamlayıcı +180°
- E4F3F9
Diamond White
- FBEDE7
≈ Frothy Milk
Analog -30° +30°
- E4F3F9
Diamond White
- E3F4F3
≈ Bone-Chilling
- E8F1FC
≈ Cotton Boll
Üçlü +120° +240°
- E4F3F9
Diamond White
- F9ECF3
≈ Sentimental Pink
- F2F1E3
≈ Hushed White
Bölünmüş tamamlayıcı +150° +210°
- E4F3F9
Diamond White
- FCEBEC
≈ Placebo Red
- F8EFE3
≈ Chenille White
Dörtlü +90° +180° +270°
- E4F3F9
Diamond White
- F4EDF9
≈ Placebo Fuchsia
- FBEDE7
≈ Frothy Milk
- EBF3E7
≈ Glacier Ivy
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.13:1 · APCA Lc 0
Ag
AAASiyah üzerinde
WCAG 18.48:1 · APCA Lc 98
En iyi metin rengi: #000000
WCAG 18.48:1 (AAA) · APCA Lc 98
Contrast pairs
Kod parçacıkları
CSS
:root {
--diamond-white: #e4f3f9;
--diamond-white-rgb: 228 243 249;
--diamond-white-oklch: oklch(0.955 0.018 223.6);
}
.element {
color: var(--diamond-white);
background-color: hsl(197 64% 94%);
border-color: oklch(0.955 0.018 223.6);
}Tailwind CSS v4
@theme {
--color-diamond-white: #e4f3f9;
--color-diamond-white-50: #f0f6f9;
--color-diamond-white-100: #e2e9ec;
--color-diamond-white-200: #cdd6da;
--color-diamond-white-300: #aeb9be;
--color-diamond-white-400: #94a1a6;
--color-diamond-white-500: #7a898f;
--color-diamond-white-600: #677479;
--color-diamond-white-700: #535d61;
--color-diamond-white-800: #3c4447;
--color-diamond-white-900: #292f31;
--color-diamond-white-950: #171b1d;
}SCSS
$diamond-white: #e4f3f9;
$diamond-white-rgb: 228, 243, 249;
$diamond-white-light: mix(#fff, $diamond-white, 20%);
$diamond-white-dark: mix(#000, $diamond-white, 20%);
.element {
color: $diamond-white;
box-shadow: 0 0 0 2px rgba($diamond-white, 0.35);
}