En yakın adlandırılmış renk · #E4F7FA
#E4F7FA
En yakın adlandırılmış renk: Calm Waters
#E4F7FA (rgb(228 247 250), hsl(188 69% 94%), oklch(0.963 0.02 208.1)) en çok Calm Waters 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.
#E4F7FA
oklch(0.963 0.02 208.1)
Renk dönüşümleri
- HEX
- #e4f7fa
- RGB
- rgb(228 247 250)
- HSL
- hsl(188 69% 94%)
- HWB
- hwb(188 89% 2%)
- OKLCH
- oklch(0.963 0.02 208.1)
- OKLab
- oklab(0.963 -0.018 -0.01)
- CIE Lab
- lab(95.89 -6.02 -3.69)
- LCH
- lch(95.89 7.06 211.5)
- CMYK
- cmyk(9% 1% 0% 2%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E7F8FB
- E9F9FB
- ECF9FC
- EFFAFC
- F2FBFD
- F4FCFD
- F7FDFE
- FAFDFE
- FCFEFF
Koyu tonlar
- C6D7D9
- A9B7BA
- 8D999B
- 727C7D
- 586061
- 3F4546
- 282C2D
- 121515
- 030303
Gri tonlar
- DAEAED
- CFDEE0
- C5D2D4
- BBC6C7
- B1BABB
- A7AEAF
- 9DA2A3
- 939797
- 8A8B8B
Renk uyumları
Tamamlayıcı +180°
- E4F7FA
Calm Waters
- FFEFEC
≈ Voracious White
Analog -30° +30°
- E4F7FA
Calm Waters
- E5F8F3
≈ Soft Mint
- E7F5FF
≈ Kodama White
Üçlü +120° +240°
- E4F7FA
Calm Waters
- FBEEFA
≈ Partial Pink
- F8F2E4
≈ Palatial White
Bölünmüş tamamlayıcı +150° +210°
- E4F7FA
Calm Waters
- FFEEF3
≈ Powder Puff
- FEF0E6
≈ Backlight
Dörtlü +90° +180° +270°
- E4F7FA
Calm Waters
- F4F0FF
≈ Cloud Break
- FFEFEC
≈ Voracious White
- F1F5E6
≈ Fresh Dew
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.10:1 · APCA Lc 0
Ag
AAASiyah üzerinde
WCAG 18.98:1 · APCA Lc 100
En iyi metin rengi: #000000
WCAG 18.98:1 (AAA) · APCA Lc 100
Contrast pairs
Kod parçacıkları
CSS
:root {
--calm-waters: #e4f7fa;
--calm-waters-rgb: 228 247 250;
--calm-waters-oklch: oklch(0.963 0.02 208.1);
}
.element {
color: var(--calm-waters);
background-color: hsl(188 69% 94%);
border-color: oklch(0.963 0.02 208.1);
}Tailwind CSS v4
@theme {
--color-calm-waters: #e4f7fa;
--color-calm-waters-50: #eff7f8;
--color-calm-waters-100: #e1eaec;
--color-calm-waters-200: #cbd7d9;
--color-calm-waters-300: #acbabd;
--color-calm-waters-400: #91a2a5;
--color-calm-waters-500: #778a8d;
--color-calm-waters-600: #657577;
--color-calm-waters-700: #515e60;
--color-calm-waters-800: #3b4446;
--color-calm-waters-900: #282f30;
--color-calm-waters-950: #161c1d;
}SCSS
$calm-waters: #e4f7fa;
$calm-waters-rgb: 228, 247, 250;
$calm-waters-light: mix(#fff, $calm-waters, 20%);
$calm-waters-dark: mix(#000, $calm-waters, 20%);
.element {
color: $calm-waters;
box-shadow: 0 0 0 2px rgba($calm-waters, 0.35);
}