Adlandırılmış renk · #DCDDE5
Timid Cloud
Timid Cloud, #DCDDE5: rgb(220 221 229), hsl(233 15% 88%), oklch(0.899 0.011 280.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Timid Cloud color name →
#DCDDE5
oklch(0.899 0.011 280.5)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- DFE0E8
- E3E4EA
- E6E7ED
- EAEAEF
- EDEEF2
- F1F1F5
- F4F5F7
- F8F8FA
- FBFCFC
Koyu tonlar
- BFC0C7
- A3A4AA
- 88888E
- 6E6E72
- 545558
- 3C3D3F
- 262628
- 111112
- 020203
Gri tonlar
- D2D3DA
- C9CAD0
- BFC0C6
- B6B7BB
- ADADB1
- A4A4A7
- 9B9B9D
- 929293
- 89898A
Renk uyumları
Tamamlayıcı +180°
- DCDDE5
Timid Cloud
- DFDED6
≈ Black Haze
Analog -30° +30°
- DCDDE5
Timid Cloud
- D8DEE5
≈ Billowing Clouds
- E0DCE3
≈ Minified Mauve
Üçlü +120° +240°
- DCDDE5
Timid Cloud
- E5DBD8
≈ Moxie
- D8E0DB
≈ Rapier Silver
Bölünmüş tamamlayıcı +150° +210°
- DCDDE5
Timid Cloud
- E2DDD6
≈ Shy Beige
- DBDFD8
≈ Angel Touch
Dörtlü +90° +180° +270°
- DCDDE5
Timid Cloud
- E5DBDC
≈ Coquette
- DFDED6
≈ Black Haze
- D6E0DF
≈ Pristine Petal
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.35:1 · APCA Lc 17
Ag
AAASiyah üzerinde
WCAG 15.51:1 · APCA Lc 86
En iyi metin rengi: #000000
WCAG 15.51:1 (AAA) · APCA Lc 86
Contrast pairs
Kod parçacıkları
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);
}