Couleur nommée la plus proche · #DEECF7
#DEECF7
Couleur nommée la plus proche: Celestial Cathedral
#DEECF7 (rgb(222 236 247), hsl(206 61% 92%), oklch(0.936 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.
#DEECF7
oklch(0.936 0.021 241.4)
Conversions de couleur
- HEX
- #deecf7
- RGB
- rgb(222 236 247)
- HSL
- hsl(206 61% 92%)
- HWB
- hwb(206 87% 3%)
- OKLCH
- oklch(0.936 0.021 241.4)
- OKLab
- oklab(0.936 -0.01 -0.019)
- CIE Lab
- lab(92.59 -3.23 -7.02)
- LCH
- lch(92.59 7.73 245.3)
- CMYK
- cmyk(10% 4% 0% 3%)
Teintes · Ombres · Tons
Teintes
- E1EEF8
- E5F0F9
- E8F2F9
- EBF4FA
- EEF5FB
- F2F7FC
- F5F9FD
- F8FBFD
- FCFDFE
Ombres
- C1CDD7
- A5AFB7
- 899299
- 6F767C
- 555B60
- 3D4245
- 26292C
- 121315
- 020303
Tons
- D4E1EA
- CAD5DE
- C1CAD2
- B7BFC6
- AEB5BA
- A5AAAE
- 9B9FA2
- 929597
- 898A8B
Harmonies de couleurs
Complémentaire +180°
- DEECF7
Celestial Cathedral
- F5E7DC
≈ Coast Cream
Analogue -30° +30°
- DEECF7
Celestial Cathedral
- DBEEF2
≈ White Glaze
- E4E9F9
≈ Icy Lilac
Triadique +120° +240°
- DEECF7
Celestial Cathedral
- F7E4E9
≈ Pink Tutu
- E7ECDD
≈ Chrome Green
Complémentaire divisée +150° +210°
- DEECF7
Celestial Cathedral
- F8E5E1
≈ Spring Petal
- EFEADA
≈ Pale Quartz
Tétradique +90° +180° +270°
- DEECF7
Celestial Cathedral
- F3E5F0
≈ Holographic Lavender
- F5E7DC
≈ Coast Cream
- E0EEE3
≈ Lower Green
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 {
--celestial-cathedral: #deecf7;
--celestial-cathedral-rgb: 222 236 247;
--celestial-cathedral-oklch: oklch(0.936 0.021 241.4);
}
.element {
color: var(--celestial-cathedral);
background-color: hsl(206 61% 92%);
border-color: oklch(0.936 0.021 241.4);
}Tailwind CSS v4
@theme {
--color-celestial-cathedral: #deecf7;
--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: #deecf7;
$celestial-cathedral-rgb: 222, 236, 247;
$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);
}