Adlandırılmış renk · #DBE0E1
Drifting Cloud
Drifting Cloud, #DBE0E1: rgb(219 224 225), hsl(190 9% 87%), oklch(0.903 0.006 211). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Drifting Cloud color name →
#DBE0E1
oklch(0.903 0.006 211)
Renk dönüşümleri
- HEX
- #dbe0e1
- RGB
- rgb(219 224 225)
- HSL
- hsl(190 9% 87%)
- HWB
- hwb(190 86% 12%)
- OKLCH
- oklch(0.903 0.006 211)
- OKLab
- oklab(0.903 -0.005 -0.003)
- CIE Lab
- lab(88.81 -1.61 -1.11)
- LCH
- lch(88.81 1.95 214.6)
- CMYK
- cmyk(3% 0% 0% 12%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- DFE3E4
- E2E6E7
- E6E9EA
- E9ECED
- EDEFF0
- F0F3F3
- F4F6F6
- F8F9F9
- FBFCFC
Koyu tonlar
- BEC3C4
- A2A6A7
- 878A8B
- 6D7070
- 545656
- 3C3E3E
- 262727
- 111212
- 020202
Gri tonlar
- D2D6D7
- C8CCCD
- BFC2C3
- B6B8B9
- ACAFAF
- A3A5A6
- 9A9C9C
- 919293
- 898989
Renk uyumları
Tamamlayıcı +180°
- DBE0E1
Drifting Cloud
- E3DEDD
≈ Ardcoat
Analog -30° +30°
- DBE0E1
Drifting Cloud
- DBE0DF
≈ Barely Blue
- DCDFE2
≈ Wayward Wind
Üçlü +120° +240°
- DBE0E1
Drifting Cloud
- E1DEE1
≈ Soft Silk
- E0DFDB
≈ Galactic Mediator
Bölünmüş tamamlayıcı +150° +210°
- DBE0E1
Drifting Cloud
- E2DDDF
≈ Ardcoat
- E2DEDB
≈ Prelude to Pink
Dörtlü +90° +180° +270°
- DBE0E1
Drifting Cloud
- DFDEE2
≈ February Frost
- E3DEDD
≈ Ardcoat
- DEE0DC
≈ Nebulous White
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.33:1 · APCA Lc 16
Ag
AAASiyah üzerinde
WCAG 15.76:1 · APCA Lc 87
En iyi metin rengi: #000000
WCAG 15.76:1 (AAA) · APCA Lc 87
Contrast pairs
Kod parçacıkları
CSS
:root {
--drifting-cloud: #dbe0e1;
--drifting-cloud-rgb: 219 224 225;
--drifting-cloud-oklch: oklch(0.903 0.006 211);
}
.element {
color: var(--drifting-cloud);
background-color: hsl(190 9% 87%);
border-color: oklch(0.903 0.006 211);
}Tailwind CSS v4
@theme {
--color-drifting-cloud: #dbe0e1;
--color-drifting-cloud-50: #f3f5f6;
--color-drifting-cloud-100: #e6e8e9;
--color-drifting-cloud-200: #d2d5d5;
--color-drifting-cloud-300: #b4b8b9;
--color-drifting-cloud-400: #9b9fa0;
--color-drifting-cloud-500: #828788;
--color-drifting-cloud-600: #6e7273;
--color-drifting-cloud-700: #585b5c;
--color-drifting-cloud-800: #404343;
--color-drifting-cloud-900: #2c2e2e;
--color-drifting-cloud-950: #191b1b;
}SCSS
$drifting-cloud: #dbe0e1;
$drifting-cloud-rgb: 219, 224, 225;
$drifting-cloud-light: mix(#fff, $drifting-cloud, 20%);
$drifting-cloud-dark: mix(#000, $drifting-cloud, 20%);
.element {
color: $drifting-cloud;
box-shadow: 0 0 0 2px rgba($drifting-cloud, 0.35);
}