En yakın adlandırılmış renk · #E0F4FA
#E0F4FA
En yakın adlandırılmış renk: Diamond White
#E0F4FA (rgb(224 244 250), hsl(194 72% 93%), oklch(0.954 0.023 217.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.
#E0F4FA
oklch(0.954 0.023 217.6)
Renk dönüşümleri
- HEX
- #e0f4fa
- RGB
- rgb(224 244 250)
- HSL
- hsl(194 72% 93%)
- HWB
- hwb(194 88% 2%)
- OKLCH
- oklch(0.954 0.023 217.6)
- OKLab
- oklab(0.954 -0.018 -0.014)
- CIE Lab
- lab(94.84 -5.93 -5.26)
- LCH
- lch(94.84 7.93 221.6)
- CMYK
- cmyk(10% 2% 0% 2%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E3F5FB
- E6F6FB
- E9F7FC
- ECF8FC
- F0FAFD
- F3FBFD
- F6FCFE
- F9FDFE
- FCFEFF
Koyu tonlar
- C3D4D9
- A6B5BA
- 8A979B
- 707A7D
- 565E61
- 3E4446
- 272B2D
- 121415
- 020303
Gri tonlar
- D6E8ED
- CCDCE0
- C2D0D4
- B9C4C7
- AFB8BB
- A5ADAF
- 9CA1A3
- 929697
- 898B8B
Renk uyumları
Tamamlayıcı +180°
- E0F4FA
Diamond White
- FEEBE5
≈ Soft Pink Mist
Analog -30° +30°
- E0F4FA
Diamond White
- E0F5F2
≈ Frosty Mint
- E4F2FF
≈ Wizard White
Üçlü +120° +240°
- E0F4FA
Diamond White
- FBEAF5
≈ Placebo Magenta
- F4F0DF
≈ Combed Cotton
Bölünmüş tamamlayıcı +150° +210°
- E0F4FA
Diamond White
- FEEAED
≈ Rose Mochi
- FBEDE0
≈ Fine White
Dörtlü +90° +180° +270°
- E0F4FA
Diamond White
- F4ECFC
≈ Placebo Fuchsia
- FEEBE5
≈ Soft Pink Mist
- EBF3E3
≈ White Mecca
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.13:1 · APCA Lc 0
Ag
AAASiyah üzerinde
WCAG 18.49:1 · APCA Lc 98
En iyi metin rengi: #000000
WCAG 18.49:1 (AAA) · APCA Lc 98
Contrast pairs
Kod parçacıkları
CSS
:root {
--diamond-white: #e0f4fa;
--diamond-white-rgb: 224 244 250;
--diamond-white-oklch: oklch(0.954 0.023 217.6);
}
.element {
color: var(--diamond-white);
background-color: hsl(194 72% 93%);
border-color: oklch(0.954 0.023 217.6);
}Tailwind CSS v4
@theme {
--color-diamond-white: #e0f4fa;
--color-diamond-white-50: #eef7fa;
--color-diamond-white-100: #e0eaed;
--color-diamond-white-200: #cad7db;
--color-diamond-white-300: #abbabf;
--color-diamond-white-400: #90a2a7;
--color-diamond-white-500: #768a90;
--color-diamond-white-600: #64757a;
--color-diamond-white-700: #505d62;
--color-diamond-white-800: #3a4447;
--color-diamond-white-900: #282f31;
--color-diamond-white-950: #161c1d;
}SCSS
$diamond-white: #e0f4fa;
$diamond-white-rgb: 224, 244, 250;
$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);
}