Colore con nome più vicino · #E4F7FA
#E4F7FA
Colore con nome più vicino: Calm Waters
#E4F7FA (rgb(228 247 250), hsl(188 69% 94%), oklch(0.963 0.02 208.1)) è più vicino al colore con nome Calm Waters. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#E4F7FA
oklch(0.963 0.02 208.1)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- E7F8FB
- E9F9FB
- ECF9FC
- EFFAFC
- F2FBFD
- F4FCFD
- F7FDFE
- FAFDFE
- FCFEFF
Ombre
- C6D7D9
- A9B7BA
- 8D999B
- 727C7D
- 586061
- 3F4546
- 282C2D
- 121515
- 030303
Toni
- DAEAED
- CFDEE0
- C5D2D4
- BBC6C7
- B1BABB
- A7AEAF
- 9DA2A3
- 939797
- 8A8B8B
Armonie di colore
Complementare +180°
- E4F7FA
Calm Waters
- FFEFEC
≈ Voracious White
Analogo -30° +30°
- E4F7FA
Calm Waters
- E5F8F3
≈ Soft Mint
- E7F5FF
≈ Kodama White
Triadico +120° +240°
- E4F7FA
Calm Waters
- FBEEFA
≈ Partial Pink
- F8F2E4
≈ Palatial White
Complementare divisa +150° +210°
- E4F7FA
Calm Waters
- FFEEF3
≈ Powder Puff
- FEF0E6
≈ Backlight
Tetradico +90° +180° +270°
- E4F7FA
Calm Waters
- F4F0FF
≈ Cloud Break
- FFEFEC
≈ Voracious White
- F1F5E6
≈ Fresh Dew
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.10:1 · APCA Lc 0
Ag
AAASu nero
WCAG 18.98:1 · APCA Lc 100
Miglior colore del testo: #000000
WCAG 18.98:1 (AAA) · APCA Lc 100
Contrast pairs
Frammenti di codice
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);
}