Nearest named color · #E6EAF4
#E6EAF4
Nearest named color: Radiant Moon
#E6EAF4 (rgb(230 234 244), hsl(223 39% 93%), oklch(0.937 0.014 268.5)) is closest to the named color Radiant Moon. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#E6EAF4
oklch(0.937 0.014 268.5)
Color conversions
- 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%)
Tints · Shades · Tones
Tints
- E8ECF5
- EBEEF6
- EDF0F7
- F0F2F8
- F2F4FA
- F5F7FB
- F7F9FC
- FAFBFD
- FCFDFE
Shades
- C8CBD4
- ABAEB5
- 8E9197
- 73757A
- 595A5E
- 404144
- 28292B
- 131314
- 030303
Tones
- DBDFE8
- D1D4DC
- C6C9D0
- BCBEC4
- B2B4B8
- A7A9AD
- 9D9FA1
- 939496
- 8A8A8B
Color harmonies
Complementary +180°
- E6EAF4
Radiant Moon
- EEEAE0
≈ Villa White
Analogous -30° +30°
- E6EAF4
Radiant Moon
- E2ECF3
≈ Out Cold
- EBE8F3
≈ Tranquil Eve
Triadic +120° +240°
- E6EAF4
Radiant Moon
- F4E7E5
≈ Light Chiffon
- E4EDE5
≈ Molten Ice
Split-complementary +150° +210°
- E6EAF4
Radiant Moon
- F2E8E1
≈ Quartz White
- E9ECE1
≈ Winter Glaze
Tetradic +90° +180° +270°
- E6EAF4
Radiant Moon
- F3E6EA
≈ Amour Frais
- EEEAE0
≈ Villa White
- E1EDEA
≈ Club Soda
Contrast & accessibility
Ag
FailOn white
WCAG 1.20:1 · APCA Lc 10
Ag
AAAOn black
WCAG 17.44:1 · APCA Lc 94
Best text color: #000000
WCAG 17.44:1 (AAA) · APCA Lc 94
Contrast pairs
Code snippets
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);
}