Couleur nommée la plus proche · #DAEDFB
#DAEDFB
Couleur nommée la plus proche: Celestial Cathedral
#DAEDFB (rgb(218 237 251), hsl(205 80% 92%), oklch(0.936 0.028 239.7)) 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.
#DAEDFB
oklch(0.936 0.028 239.7)
Conversions de couleur
- HEX
- #daedfb
- RGB
- rgb(218 237 251)
- HSL
- hsl(205 80% 92%)
- HWB
- hwb(205 85% 2%)
- OKLCH
- oklch(0.936 0.028 239.7)
- OKLab
- oklab(0.936 -0.014 -0.024)
- CIE Lab
- lab(92.64 -4.44 -9.04)
- LCH
- lch(92.64 10.07 243.8)
- CMYK
- cmyk(13% 6% 0% 2%)
Teintes · Ombres · Tons
Teintes
- DEEFFB
- E1F1FC
- E5F2FC
- E9F4FD
- EDF6FD
- F0F8FD
- F4FAFE
- F8FBFE
- FBFDFF
Ombres
- BDCEDA
- A2B0BA
- 87939C
- 6C777E
- 545C61
- 3C4246
- 252A2D
- 111415
- 020303
Tons
- D1E2EE
- C7D6E1
- BECBD5
- B5C0C8
- ACB5BC
- A3AAAF
- 9A9FA3
- 919597
- 898A8C
Harmonies de couleurs
Complémentaire +180°
- DAEDFB
Celestial Cathedral
- F9E6D8
≈ Hint of Orange
Analogue -30° +30°
- DAEDFB
Celestial Cathedral
- D6EFF4
≈ Sparkling River
- E2EAFD
≈ Husky
Triadique +120° +240°
- DAEDFB
Celestial Cathedral
- FBE3E9
≈ Pink Tutu
- E7EDD9
≈ Lime Meringue
Complémentaire divisée +150° +210°
- DAEDFB
Celestial Cathedral
- FCE4DF
≈ Lady Anne
- F1EAD6
≈ Half Pearl Lusta
Tétradique +90° +180° +270°
- DAEDFB
Celestial Cathedral
- F5E4F3
≈ Soft Lavender
- F9E6D8
≈ Hint of Orange
- DEF0E0
≈ Ice-Cold White
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.20:1 · APCA Lc 10
Ag
AAASur noir
WCAG 17.48:1 · APCA Lc 94
Meilleure couleur de texte: #000000
WCAG 17.48:1 (AAA) · APCA Lc 94
Contrast pairs
Extraits de code
CSS
:root {
--celestial-cathedral: #daedfb;
--celestial-cathedral-rgb: 218 237 251;
--celestial-cathedral-oklch: oklch(0.936 0.028 239.7);
}
.element {
color: var(--celestial-cathedral);
background-color: hsl(205 80% 92%);
border-color: oklch(0.936 0.028 239.7);
}Tailwind CSS v4
@theme {
--color-celestial-cathedral: #daedfb;
--color-celestial-cathedral-50: #eff6fd;
--color-celestial-cathedral-100: #e0e9f0;
--color-celestial-cathedral-200: #cad6df;
--color-celestial-cathedral-300: #acbac5;
--color-celestial-cathedral-400: #90a1ad;
--color-celestial-cathedral-500: #768997;
--color-celestial-cathedral-600: #647480;
--color-celestial-cathedral-700: #505d66;
--color-celestial-cathedral-800: #3a444b;
--color-celestial-cathedral-900: #282f34;
--color-celestial-cathedral-950: #161b1f;
}SCSS
$celestial-cathedral: #daedfb;
$celestial-cathedral-rgb: 218, 237, 251;
$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);
}