Couleur nommée la plus proche · #DFE7F6
#DFE7F6
Couleur nommée la plus proche: Radiant Moon
#DFE7F6 (rgb(223 231 246), hsl(219 56% 92%), oklch(0.926 0.022 263.2)) 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.
#DFE7F6
oklch(0.926 0.022 263.2)
Conversions de couleur
- HEX
- #dfe7f6
- RGB
- rgb(223 231 246)
- HSL
- hsl(219 56% 92%)
- HWB
- hwb(219 87% 4%)
- OKLCH
- oklch(0.926 0.022 263.2)
- OKLab
- oklab(0.926 -0.003 -0.022)
- CIE Lab
- lab(91.37 -0.64 -8.27)
- LCH
- lch(91.37 8.3 265.5)
- CMYK
- cmyk(9% 6% 0% 4%)
Teintes · Ombres · Tons
Teintes
- E2E9F7
- E5ECF8
- E9EEF9
- ECF1FA
- EFF3FB
- F2F5FB
- F5F8FC
- F9FAFD
- FCFDFE
Ombres
- C2C9D6
- A5ABB7
- 8A8F98
- 6F737B
- 56595F
- 3D4045
- 27282C
- 121315
- 020303
Tons
- D5DCEA
- CBD2DD
- C2C7D1
- B8BCC5
- AEB2B9
- A5A8AE
- 9B9EA2
- 929496
- 898A8B
Harmonies de couleurs
Complémentaire +180°
- DFE7F6
Radiant Moon
- EEE6D7
≈ Japanese White
Analogue -30° +30°
- DFE7F6
Radiant Moon
- D9EAF3
≈ Azureish White
- E7E4F5
≈ Lavender Mist
Triadique +120° +240°
- DFE7F6
Radiant Moon
- F5E1E0
≈ Cute Little Pink
- DEEBDD
≈ Lighter Mint
Complémentaire divisée +150° +210°
- DFE7F6
Radiant Moon
- F3E3D9
≈ Early Sunset
- E6E9D8
≈ Reduced Green
Tétradique +90° +180° +270°
- DFE7F6
Radiant Moon
- F3E1E8
≈ Pink Amour
- EEE6D7
≈ Japanese White
- D9ECE5
≈ Dunnock Egg
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.24:1 · APCA Lc 12
Ag
AAASur noir
WCAG 16.89:1 · APCA Lc 92
Meilleure couleur de texte: #000000
WCAG 16.89:1 (AAA) · APCA Lc 92
Contrast pairs
Extraits de code
CSS
:root {
--radiant-moon: #dfe7f6;
--radiant-moon-rgb: 223 231 246;
--radiant-moon-oklch: oklch(0.926 0.022 263.2);
}
.element {
color: var(--radiant-moon);
background-color: hsl(219 56% 92%);
border-color: oklch(0.926 0.022 263.2);
}Tailwind CSS v4
@theme {
--color-radiant-moon: #dfe7f6;
--color-radiant-moon-50: #f2f5fc;
--color-radiant-moon-100: #e4e8f0;
--color-radiant-moon-200: #d0d4de;
--color-radiant-moon-300: #b2b7c3;
--color-radiant-moon-400: #989fac;
--color-radiant-moon-500: #7f8695;
--color-radiant-moon-600: #6b727e;
--color-radiant-moon-700: #565b65;
--color-radiant-moon-800: #3e434a;
--color-radiant-moon-900: #2b2e34;
--color-radiant-moon-950: #181b1f;
}SCSS
$radiant-moon: #dfe7f6;
$radiant-moon-rgb: 223, 231, 246;
$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);
}