Couleur nommée la plus proche · #DAE9FE
#DAE9FE
Couleur nommée la plus proche: Puffy Cloud
#DAE9FE (rgb(218 233 254), hsl(215 95% 93%), oklch(0.929 0.033 256.8)) est la plus proche de la couleur nommée Puffy Cloud. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#DAE9FE
oklch(0.929 0.033 256.8)
Conversions de couleur
- HEX
- #dae9fe
- RGB
- rgb(218 233 254)
- HSL
- hsl(215 95% 93%)
- HWB
- hwb(215 85% 0%)
- OKLCH
- oklch(0.929 0.033 256.8)
- OKLab
- oklab(0.929 -0.008 -0.032)
- CIE Lab
- lab(91.69 -2.07 -11.99)
- LCH
- lch(91.69 12.17 260.2)
- CMYK
- cmyk(14% 8% 0% 0%)
Teintes · Ombres · Tons
Teintes
- DEEBFE
- E1EDFE
- E5F0FE
- E9F2FF
- ECF4FF
- F0F6FF
- F4F8FF
- F8FBFF
- FBFDFF
Ombres
- BDCBDD
- A2ADBD
- 87909E
- 6C7480
- 545A63
- 3C4147
- 25292D
- 111316
- 020303
Tons
- D1DEF1
- C7D3E4
- BEC8D7
- B5BECA
- ACB3BD
- A3A9B1
- 9A9EA4
- 919498
- 898A8C
Harmonies de couleurs
Complémentaire +180°
- DAE9FE
Puffy Cloud
- F4E5D0
≈ White Hyacinth
Analogue -30° +30°
- DAE9FE
Puffy Cloud
- D2EDF9
≈ Blue Hijab
- E5E5FD
≈ Lavender Mist
Triadique +120° +240°
- DAE9FE
Puffy Cloud
- FDDFE0
≈ Sweet Mallow
- DEEDD8
≈ Ghost Lichen
Complémentaire divisée +150° +210°
- DAE9FE
Puffy Cloud
- FBE2D6
≈ Pink Touch
- EAEAD1
≈ Celery Ice
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.23:1 · APCA Lc 11
Ag
AAASur noir
WCAG 17.06:1 · APCA Lc 93
Meilleure couleur de texte: #000000
WCAG 17.06:1 (AAA) · APCA Lc 93
Contrast pairs
Extraits de code
CSS
:root {
--puffy-cloud: #dae9fe;
--puffy-cloud-rgb: 218 233 254;
--puffy-cloud-oklch: oklch(0.929 0.033 256.8);
}
.element {
color: var(--puffy-cloud);
background-color: hsl(215 95% 93%);
border-color: oklch(0.929 0.033 256.8);
}Tailwind CSS v4
@theme {
--color-puffy-cloud: #dae9fe;
--color-puffy-cloud-50: #f0f6ff;
--color-puffy-cloud-100: #e1e8f3;
--color-puffy-cloud-200: #ccd5e3;
--color-puffy-cloud-300: #adb8c9;
--color-puffy-cloud-400: #92a0b2;
--color-puffy-cloud-500: #78879c;
--color-puffy-cloud-600: #667384;
--color-puffy-cloud-700: #525c6a;
--color-puffy-cloud-800: #3b434e;
--color-puffy-cloud-900: #282e36;
--color-puffy-cloud-950: #161b21;
}SCSS
$puffy-cloud: #dae9fe;
$puffy-cloud-rgb: 218, 233, 254;
$puffy-cloud-light: mix(#fff, $puffy-cloud, 20%);
$puffy-cloud-dark: mix(#000, $puffy-cloud, 20%);
.element {
color: $puffy-cloud;
box-shadow: 0 0 0 2px rgba($puffy-cloud, 0.35);
}