Cor nomeada mais próxima · #E4FAF7
#E4FAF7
Cor nomeada mais próxima: Calm Waters
#E4FAF7 (rgb(228 250 247), hsl(172 69% 94%), oklch(0.968 0.023 186.9)) é mais próxima da cor nomeada Calm Waters. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#E4FAF7
oklch(0.968 0.023 186.9)
Conversões de cor
- HEX
- #e4faf7
- RGB
- rgb(228 250 247)
- HSL
- hsl(172 69% 94%)
- HWB
- hwb(172 89% 2%)
- OKLCH
- oklch(0.968 0.023 186.9)
- OKLab
- oklab(0.968 -0.023 -0.003)
- CIE Lab
- lab(96.59 -7.85 -1.14)
- LCH
- lch(96.59 7.93 188.3)
- CMYK
- cmyk(9% 0% 1% 2%)
Tons claros · Sombras · Tons
Tons claros
- E7FBF8
- E9FBF9
- ECFCF9
- EFFCFA
- F2FDFB
- F4FDFC
- F7FEFD
- FAFEFD
- FCFFFE
Sombras
- C6D9D7
- A9BAB7
- 8D9B99
- 727D7C
- 586160
- 3F4645
- 282D2C
- 121515
- 030303
Tons
- DAEDEA
- CFE0DE
- C5D4D2
- BBC7C6
- B1BBBA
- A7AFAE
- 9DA3A2
- 939797
- 8A8C8B
Harmonias de cor
Complementar +180°
- E4FAF7
Calm Waters
- FFF0F3
≈ Powder Puff
Análoga -30° +30°
- E4FAF7
Calm Waters
- E9FAEE
≈ Winter Mist
- E4F9FF
≈ Clear Skies
Tríade +120° +240°
- E4FAF7
Calm Waters
- F8F1FF
≈ Cloud Break
- FFF2E6
≈ Doeskin
Complementar dividida +150° +210°
- E4FAF7
Calm Waters
- FFEFFA
≈ Partial Pink
- FFF1ED
≈ Polished Pink
Tétrade +90° +180° +270°
- E4FAF7
Calm Waters
- F2F4FF
≈ Sugar Crystal
- FFF0F3
≈ Powder Puff
- F9F5E3
≈ Pale Narcissus
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.08:1 · APCA Lc 0
Ag
AAASobre preto
WCAG 19.31:1 · APCA Lc 102
Melhor cor de texto: #000000
WCAG 19.31:1 (AAA) · APCA Lc 102
Contrast pairs
Trechos de código
CSS
:root {
--calm-waters: #e4faf7;
--calm-waters-rgb: 228 250 247;
--calm-waters-oklch: oklch(0.968 0.023 186.9);
}
.element {
color: var(--calm-waters);
background-color: hsl(172 69% 94%);
border-color: oklch(0.968 0.023 186.9);
}Tailwind CSS v4
@theme {
--color-calm-waters: #e4faf7;
--color-calm-waters-50: #eef7f6;
--color-calm-waters-100: #e0eae9;
--color-calm-waters-200: #cad8d6;
--color-calm-waters-300: #abbbba;
--color-calm-waters-400: #90a3a1;
--color-calm-waters-500: #758b89;
--color-calm-waters-600: #647674;
--color-calm-waters-700: #4f5e5c;
--color-calm-waters-800: #3a4543;
--color-calm-waters-900: #28302e;
--color-calm-waters-950: #161c1b;
}SCSS
$calm-waters: #e4faf7;
$calm-waters-rgb: 228, 250, 247;
$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);
}