Couleur nommée · #DCDDE5
Timid Cloud
Timid Cloud correspond à #DCDDE5 : rgb(220 221 229), hsl(233 15% 88%), oklch(0.899 0.011 280.5). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Gray mean? → · Timid Cloud color name →
#DCDDE5
oklch(0.899 0.011 280.5)
Conversions de couleur
- HEX
- #dcdde5
- RGB
- rgb(220 221 229)
- HSL
- hsl(233 15% 88%)
- HWB
- hwb(233 86% 10%)
- OKLCH
- oklch(0.899 0.011 280.5)
- OKLab
- oklab(0.899 0.002 -0.011)
- CIE Lab
- lab(88.21 0.75 -4.05)
- LCH
- lch(88.21 4.12 280.4)
- CMYK
- cmyk(4% 3% 0% 10%)
Teintes · Ombres · Tons
Teintes
- DFE0E8
- E3E4EA
- E6E7ED
- EAEAEF
- EDEEF2
- F1F1F5
- F4F5F7
- F8F8FA
- FBFCFC
Ombres
- BFC0C7
- A3A4AA
- 88888E
- 6E6E72
- 545558
- 3C3D3F
- 262628
- 111112
- 020203
Tons
- D2D3DA
- C9CAD0
- BFC0C6
- B6B7BB
- ADADB1
- A4A4A7
- 9B9B9D
- 929293
- 89898A
Harmonies de couleurs
Complémentaire +180°
- DCDDE5
Timid Cloud
- DFDED6
≈ Black Haze
Analogue -30° +30°
- DCDDE5
Timid Cloud
- D8DEE5
≈ Billowing Clouds
- E0DCE3
≈ Minified Mauve
Triadique +120° +240°
- DCDDE5
Timid Cloud
- E5DBD8
≈ Moxie
- D8E0DB
≈ Rapier Silver
Complémentaire divisée +150° +210°
- DCDDE5
Timid Cloud
- E2DDD6
≈ Shy Beige
- DBDFD8
≈ Angel Touch
Tétradique +90° +180° +270°
- DCDDE5
Timid Cloud
- E5DBDC
≈ Coquette
- DFDED6
≈ Black Haze
- D6E0DF
≈ Pristine Petal
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.35:1 · APCA Lc 17
Ag
AAASur noir
WCAG 15.51:1 · APCA Lc 86
Meilleure couleur de texte: #000000
WCAG 15.51:1 (AAA) · APCA Lc 86
Contrast pairs
Extraits de code
CSS
:root {
--timid-cloud: #dcdde5;
--timid-cloud-rgb: 220 221 229;
--timid-cloud-oklch: oklch(0.899 0.011 280.5);
}
.element {
color: var(--timid-cloud);
background-color: hsl(233 15% 88%);
border-color: oklch(0.899 0.011 280.5);
}Tailwind CSS v4
@theme {
--color-timid-cloud: #dcdde5;
--color-timid-cloud-50: #f4f5f8;
--color-timid-cloud-100: #e7e7eb;
--color-timid-cloud-200: #d3d4d9;
--color-timid-cloud-300: #b6b7bd;
--color-timid-cloud-400: #9d9ea5;
--color-timid-cloud-500: #84858d;
--color-timid-cloud-600: #707178;
--color-timid-cloud-700: #5a5a60;
--color-timid-cloud-800: #414246;
--color-timid-cloud-900: #2d2e31;
--color-timid-cloud-950: #1a1a1d;
}SCSS
$timid-cloud: #dcdde5;
$timid-cloud-rgb: 220, 221, 229;
$timid-cloud-light: mix(#fff, $timid-cloud, 20%);
$timid-cloud-dark: mix(#000, $timid-cloud, 20%);
.element {
color: $timid-cloud;
box-shadow: 0 0 0 2px rgba($timid-cloud, 0.35);
}