Cor nomeada mais próxima · #E4F0F2
#E4F0F2
Cor nomeada mais próxima: Diamond White
#E4F0F2 (rgb(228 240 242), hsl(189 35% 92%), oklch(0.947 0.013 208.8)) é mais próxima da cor nomeada Diamond White. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#E4F0F2
oklch(0.947 0.013 208.8)
Conversões de cor
- HEX
- #e4f0f2
- RGB
- rgb(228 240 242)
- HSL
- hsl(189 35% 92%)
- HWB
- hwb(189 89% 5%)
- OKLCH
- oklch(0.947 0.013 208.8)
- OKLab
- oklab(0.947 -0.011 -0.006)
- CIE Lab
- lab(93.93 -3.83 -2.42)
- LCH
- lch(93.93 4.53 212.2)
- CMYK
- cmyk(6% 1% 0% 5%)
Tons claros · Sombras · Tons
Tons claros
- E7F1F3
- E9F3F5
- ECF4F6
- EFF6F7
- F1F7F8
- F4F9FA
- F7FAFB
- FAFCFC
- FCFDFE
Sombras
- C6D1D2
- A9B2B4
- 8D9596
- 727879
- 585D5E
- 3F4343
- 282A2B
- 121414
- 030303
Tons
- DAE4E6
- CFD9DA
- C5CDCE
- BBC2C3
- B1B6B7
- A7ABAC
- 9DA0A1
- 939596
- 8A8B8B
Harmonias de cor
Complementar +180°
- E4F0F2
Diamond White
- F6EAE8
≈ Fancy Pink
Análoga -30° +30°
- E4F0F2
Diamond White
- E5F0ED
≈ Aqua Tint
- E6EFF5
≈ Clear Vision
Tríade +120° +240°
- E4F0F2
Diamond White
- F3EAF2
≈ Snow Plum
- F1EDE4
≈ Cow’s Milk
Complementar dividida +150° +210°
- E4F0F2
Diamond White
- F5EAED
≈ Pampered Princess
- F4EBE5
≈ Sauvignon
Tétrade +90° +180° +270°
- E4F0F2
Diamond White
- EEECF5
≈ Silver Phoenix
- F6EAE8
≈ Fancy Pink
- ECEFE5
≈ Alaskan Mist
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.16:1 · APCA Lc 8
Ag
AAASobre preto
WCAG 18.04:1 · APCA Lc 97
Melhor cor de texto: #000000
WCAG 18.04:1 (AAA) · APCA Lc 97
Contrast pairs
Trechos de código
CSS
:root {
--diamond-white: #e4f0f2;
--diamond-white-rgb: 228 240 242;
--diamond-white-oklch: oklch(0.947 0.013 208.8);
}
.element {
color: var(--diamond-white);
background-color: hsl(189 35% 92%);
border-color: oklch(0.947 0.013 208.8);
}Tailwind CSS v4
@theme {
--color-diamond-white: #e4f0f2;
--color-diamond-white-50: #f1f6f7;
--color-diamond-white-100: #e3e9ea;
--color-diamond-white-200: #ced6d7;
--color-diamond-white-300: #b0b9bb;
--color-diamond-white-400: #96a1a2;
--color-diamond-white-500: #7d898b;
--color-diamond-white-600: #6a7475;
--color-diamond-white-700: #545d5e;
--color-diamond-white-800: #3d4445;
--color-diamond-white-900: #2a2f2f;
--color-diamond-white-950: #181b1c;
}SCSS
$diamond-white: #e4f0f2;
$diamond-white-rgb: 228, 240, 242;
$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);
}