Cor nomeada mais próxima · #E4EAF4
#E4EAF4
Cor nomeada mais próxima: Radiant Moon
#E4EAF4 (rgb(228 234 244), hsl(218 42% 93%), oklch(0.935 0.015 260.7)) é mais próxima da cor nomeada Radiant Moon. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#E4EAF4
oklch(0.935 0.015 260.7)
Conversões de cor
- HEX
- #e4eaf4
- RGB
- rgb(228 234 244)
- HSL
- hsl(218 42% 93%)
- HWB
- hwb(218 89% 4%)
- OKLCH
- oklch(0.935 0.015 260.7)
- OKLab
- oklab(0.935 -0.002 -0.015)
- CIE Lab
- lab(92.46 -0.69 -5.59)
- LCH
- lch(92.46 5.64 263)
- CMYK
- cmyk(7% 4% 0% 4%)
Tons claros · Sombras · Tons
Tons claros
- E7ECF5
- E9EEF6
- ECF0F7
- EFF2F8
- F1F4FA
- F4F7FB
- F7F9FC
- FAFBFD
- FCFDFE
Sombras
- C6CBD4
- A9AEB5
- 8D9197
- 72757A
- 585A5E
- 3F4144
- 28292B
- 121314
- 030303
Tons
- DADFE8
- CFD4DC
- C5C9D0
- BBBEC4
- B1B4B8
- A7A9AD
- 9D9FA1
- 939496
- 8A8A8B
Harmonias de cor
Complementar +180°
- E4EAF4
Radiant Moon
- EFE9DF
≈ Palladian
Análoga -30° +30°
- E4EAF4
Radiant Moon
- E0ECF2
≈ Out Cold
- E9E8F3
≈ Tranquil Eve
Tríade +120° +240°
- E4EAF4
Radiant Moon
- F4E6E5
≈ Pink Vibernum
- E4ECE3
≈ Summer Shower
Complementar dividida +150° +210°
- E4EAF4
Radiant Moon
- F2E7E1
≈ Homoeopathic Orange
- EAEBDF
≈ Winter Glaze
Tétrade +90° +180° +270°
- E4EAF4
Radiant Moon
- F2E6EB
≈ Amour Frais
- EFE9DF
≈ Palladian
- E0EDE8
≈ Molten Ice
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.20:1 · APCA Lc 10
Ag
AAASobre preto
WCAG 17.37:1 · APCA Lc 94
Melhor cor de texto: #000000
WCAG 17.37:1 (AAA) · APCA Lc 94
Contrast pairs
Trechos de código
CSS
:root {
--radiant-moon: #e4eaf4;
--radiant-moon-rgb: 228 234 244;
--radiant-moon-oklch: oklch(0.935 0.015 260.7);
}
.element {
color: var(--radiant-moon);
background-color: hsl(218 42% 93%);
border-color: oklch(0.935 0.015 260.7);
}Tailwind CSS v4
@theme {
--color-radiant-moon: #e4eaf4;
--color-radiant-moon-50: #f3f5fa;
--color-radiant-moon-100: #e5e8ed;
--color-radiant-moon-200: #d1d4db;
--color-radiant-moon-300: #b3b7bf;
--color-radiant-moon-400: #999fa8;
--color-radiant-moon-500: #818690;
--color-radiant-moon-600: #6d727a;
--color-radiant-moon-700: #575b62;
--color-radiant-moon-800: #3f4348;
--color-radiant-moon-900: #2c2e32;
--color-radiant-moon-950: #191b1e;
}SCSS
$radiant-moon: #e4eaf4;
$radiant-moon-rgb: 228, 234, 244;
$radiant-moon-light: mix(#fff, $radiant-moon, 20%);
$radiant-moon-dark: mix(#000, $radiant-moon, 20%);
.element {
color: $radiant-moon;
box-shadow: 0 0 0 2px rgba($radiant-moon, 0.35);
}