Couleur nommée la plus proche · #DFEDF8
#DFEDF8
Couleur nommée la plus proche: Celestial Cathedral
#DFEDF8 (rgb(223 237 248), hsl(206 64% 92%), oklch(0.939 0.021 241.4)) est la plus proche de la couleur nommée Celestial Cathedral. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#DFEDF8
oklch(0.939 0.021 241.4)
Conversions de couleur
- HEX
- #dfedf8
- RGB
- rgb(223 237 248)
- HSL
- hsl(206 64% 92%)
- HWB
- hwb(206 87% 3%)
- OKLCH
- oklch(0.939 0.021 241.4)
- OKLab
- oklab(0.939 -0.01 -0.019)
- CIE Lab
- lab(92.94 -3.23 -7.01)
- LCH
- lch(92.94 7.72 245.3)
- CMYK
- cmyk(10% 4% 0% 3%)
Teintes · Ombres · Tons
Teintes
- E2EFF9
- E5F1F9
- E9F2FA
- ECF4FB
- EFF6FC
- F2F8FC
- F5FAFD
- F9FBFE
- FCFDFE
Ombres
- C2CED8
- A5B0B8
- 8A939A
- 6F777C
- 565C60
- 3D4245
- 272A2C
- 121415
- 020303
Tons
- D5E2EB
- CBD6DF
- C2CBD3
- B8C0C6
- AEB5BA
- A5AAAE
- 9C9FA2
- 929597
- 898A8B
Harmonies de couleurs
Complémentaire +180°
- DFEDF8
Celestial Cathedral
- F6E8DD
≈ Silk Elegance
Analogue -30° +30°
- DFEDF8
Celestial Cathedral
- DCEFF3
≈ Soar
- E5EAFA
≈ Icy Lilac
Triadique +120° +240°
- DFEDF8
Celestial Cathedral
- F8E5EA
≈ Pink Tutu
- E8EDDE
≈ Chrome Green
Complémentaire divisée +150° +210°
- DFEDF8
Celestial Cathedral
- F9E6E2
≈ Sweet Nothing
- F0EBDB
≈ Frank Lloyd White
Tétradique +90° +180° +270°
- DFEDF8
Celestial Cathedral
- F4E6F1
≈ Petal Poise
- F6E8DD
≈ Silk Elegance
- E1EFE4
≈ Lower Green
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.19:1 · APCA Lc 9
Ag
AAASur noir
WCAG 17.60:1 · APCA Lc 95
Meilleure couleur de texte: #000000
WCAG 17.60:1 (AAA) · APCA Lc 95
Contrast pairs
Extraits de code
CSS
:root {
--celestial-cathedral: #dfedf8;
--celestial-cathedral-rgb: 223 237 248;
--celestial-cathedral-oklch: oklch(0.939 0.021 241.4);
}
.element {
color: var(--celestial-cathedral);
background-color: hsl(206 64% 92%);
border-color: oklch(0.939 0.021 241.4);
}Tailwind CSS v4
@theme {
--color-celestial-cathedral: #dfedf8;
--color-celestial-cathedral-50: #f0f6fb;
--color-celestial-cathedral-100: #e2e9ee;
--color-celestial-cathedral-200: #cdd5dd;
--color-celestial-cathedral-300: #afb9c2;
--color-celestial-cathedral-400: #94a0aa;
--color-celestial-cathedral-500: #7a8893;
--color-celestial-cathedral-600: #68737c;
--color-celestial-cathedral-700: #535c64;
--color-celestial-cathedral-800: #3c4449;
--color-celestial-cathedral-900: #292f33;
--color-celestial-cathedral-950: #171b1e;
}SCSS
$celestial-cathedral: #dfedf8;
$celestial-cathedral-rgb: 223, 237, 248;
$celestial-cathedral-light: mix(#fff, $celestial-cathedral, 20%);
$celestial-cathedral-dark: mix(#000, $celestial-cathedral, 20%);
.element {
color: $celestial-cathedral;
box-shadow: 0 0 0 2px rgba($celestial-cathedral, 0.35);
}