Couleur nommée · #E0E6F0
Radiant Moon
Radiant Moon correspond à #E0E6F0 : rgb(224 230 240), hsl(217 35% 91%), oklch(0.923 0.015 260.7). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Gray mean? → · Radiant Moon color name →
#E0E6F0
oklch(0.923 0.015 260.7)
Conversions de couleur
- HEX
- #e0e6f0
- RGB
- rgb(224 230 240)
- HSL
- hsl(217 35% 91%)
- HWB
- hwb(217 88% 6%)
- OKLCH
- oklch(0.923 0.015 260.7)
- OKLab
- oklab(0.923 -0.002 -0.015)
- CIE Lab
- lab(91.05 -0.69 -5.61)
- LCH
- lch(91.05 5.65 263)
- CMYK
- cmyk(7% 4% 0% 6%)
Teintes · Ombres · Tons
Teintes
- E3E8F2
- E6EBF3
- E9EDF5
- ECF0F6
- EFF2F8
- F3F5F9
- F6F7FB
- F9FAFC
- FCFCFE
Ombres
- C3C8D1
- A6ABB2
- 8A8E95
- 707378
- 56595D
- 3E4043
- 27282A
- 121314
- 020303
Tons
- D6DBE4
- CCD1D9
- C2C6CD
- B8BCC2
- AFB2B6
- A5A7AB
- 9C9DA0
- 929495
- 898A8B
Harmonies de couleurs
Complémentaire +180°
- E0E6F0
Radiant Moon
- EBE5DB
≈ Soapstone
Analogue -30° +30°
- E0E6F0
Radiant Moon
- DCE8EE
≈ Moby Dick
- E5E4EF
≈ Farsighted
Triadique +120° +240°
- E0E6F0
Radiant Moon
- F0E2E1
≈ New Youth
- E0E8DF
≈ Spider Cotton
Complémentaire divisée +150° +210°
- E0E6F0
Radiant Moon
- EEE3DD
≈ Macadamia Nut
- E6E7DB
≈ Prairie Winds
Tétradique +90° +180° +270°
- E0E6F0
Radiant Moon
- EEE2E7
≈ Pink Booties
- EBE5DB
≈ Soapstone
- DCE9E4
≈ Sandwashed Glassshard
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.25:1 · APCA Lc 13
Ag
AAASur noir
WCAG 16.74:1 · APCA Lc 91
Meilleure couleur de texte: #000000
WCAG 16.74:1 (AAA) · APCA Lc 91
Contrast pairs
Extraits de code
CSS
:root {
--radiant-moon: #e0e6f0;
--radiant-moon-rgb: 224 230 240;
--radiant-moon-oklch: oklch(0.923 0.015 260.7);
}
.element {
color: var(--radiant-moon);
background-color: hsl(217 35% 91%);
border-color: oklch(0.923 0.015 260.7);
}Tailwind CSS v4
@theme {
--color-radiant-moon: #e0e6f0;
--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: #e0e6f0;
$radiant-moon-rgb: 224, 230, 240;
$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);
}