Couleur nommée la plus proche · #E6EAF4
#E6EAF4
Couleur nommée la plus proche: Radiant Moon
#E6EAF4 (rgb(230 234 244), hsl(223 39% 93%), oklch(0.937 0.014 268.5)) est la plus proche de la couleur nommée Radiant Moon. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#E6EAF4
oklch(0.937 0.014 268.5)
Conversions de couleur
- HEX
- #e6eaf4
- RGB
- rgb(230 234 244)
- HSL
- hsl(223 39% 93%)
- HWB
- hwb(223 90% 4%)
- OKLCH
- oklch(0.937 0.014 268.5)
- OKLab
- oklab(0.937 0 -0.014)
- CIE Lab
- lab(92.61 -0.01 -5.35)
- LCH
- lch(92.61 5.35 269.9)
- CMYK
- cmyk(6% 4% 0% 4%)
Teintes · Ombres · Tons
Teintes
- E8ECF5
- EBEEF6
- EDF0F7
- F0F2F8
- F2F4FA
- F5F7FB
- F7F9FC
- FAFBFD
- FCFDFE
Ombres
- C8CBD4
- ABAEB5
- 8E9197
- 73757A
- 595A5E
- 404144
- 28292B
- 131314
- 030303
Tons
- DBDFE8
- D1D4DC
- C6C9D0
- BCBEC4
- B2B4B8
- A7A9AD
- 9D9FA1
- 939496
- 8A8A8B
Harmonies de couleurs
Complémentaire +180°
- E6EAF4
Radiant Moon
- EEEAE0
≈ Villa White
Analogue -30° +30°
- E6EAF4
Radiant Moon
- E2ECF3
≈ Out Cold
- EBE8F3
≈ Tranquil Eve
Triadique +120° +240°
- E6EAF4
Radiant Moon
- F4E7E5
≈ Light Chiffon
- E4EDE5
≈ Molten Ice
Complémentaire divisée +150° +210°
- E6EAF4
Radiant Moon
- F2E8E1
≈ Quartz White
- E9ECE1
≈ Winter Glaze
Tétradique +90° +180° +270°
- E6EAF4
Radiant Moon
- F3E6EA
≈ Amour Frais
- EEEAE0
≈ Villa White
- E1EDEA
≈ Club Soda
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.20:1 · APCA Lc 10
Ag
AAASur noir
WCAG 17.44:1 · APCA Lc 94
Meilleure couleur de texte: #000000
WCAG 17.44:1 (AAA) · APCA Lc 94
Contrast pairs
Extraits de code
CSS
:root {
--radiant-moon: #e6eaf4;
--radiant-moon-rgb: 230 234 244;
--radiant-moon-oklch: oklch(0.937 0.014 268.5);
}
.element {
color: var(--radiant-moon);
background-color: hsl(223 39% 93%);
border-color: oklch(0.937 0.014 268.5);
}Tailwind CSS v4
@theme {
--color-radiant-moon: #e6eaf4;
--color-radiant-moon-50: #f3f5f9;
--color-radiant-moon-100: #e6e8ed;
--color-radiant-moon-200: #d2d4da;
--color-radiant-moon-300: #b4b7bf;
--color-radiant-moon-400: #9b9ea7;
--color-radiant-moon-500: #828690;
--color-radiant-moon-600: #6e717a;
--color-radiant-moon-700: #585b61;
--color-radiant-moon-800: #404247;
--color-radiant-moon-900: #2c2e31;
--color-radiant-moon-950: #191b1d;
}SCSS
$radiant-moon: #e6eaf4;
$radiant-moon-rgb: 230, 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);
}