Adlandırılmış renk · #CDDED5
Luminous Mist
Luminous Mist, #CDDED5: rgb(205 222 213), hsl(148 20% 84%), oklch(0.885 0.022 163). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Luminous Mist color name →
#CDDED5
oklch(0.885 0.022 163)
Renk dönüşümleri
- HEX
- #cdded5
- RGB
- rgb(205 222 213)
- HSL
- hsl(148 20% 84%)
- HWB
- hwb(148 80% 13%)
- OKLCH
- oklch(0.885 0.022 163)
- OKLab
- oklab(0.885 -0.021 0.006)
- CIE Lab
- lab(86.99 -7.15 2.37)
- LCH
- lch(86.99 7.53 161.6)
- CMYK
- cmyk(8% 0% 4% 13%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D2E1D9
- D7E5DD
- DCE8E1
- E1EBE6
- E6EEEA
- EBF2EE
- F0F5F2
- F5F8F6
- FAFCFB
Koyu tonlar
- B2C1B9
- 98A59E
- 7E8983
- 666F6A
- 4E5551
- 383D3A
- 232624
- 0F1210
- 020202
Gri tonlar
- C5D4CC
- BDCAC3
- B5C1BB
- ADB7B2
- A6AEAA
- 9EA4A1
- 969B99
- 8F9290
- 878988
Renk uyumları
Tamamlayıcı +180°
- CDDED5
Luminous Mist
- E4D4DD
≈ Soft Lilac
Analog -30° +30°
- CDDED5
Luminous Mist
- D4DDCE
≈ Caribbean Pleasure
- CADEDD
≈ Silver Spruce
Üçlü +120° +240°
- CDDED5
Luminous Mist
- D7D8E8
≈ Eyeshadow
- E7D5CE
≈ Dawn Pink
Bölünmüş tamamlayıcı +150° +210°
- CDDED5
Luminous Mist
- DED5E4
≈ Light Modesty
- E7D4D5
≈ Demure
Dörtlü +90° +180° +270°
- CDDED5
Luminous Mist
- CFDAE8
≈ Blue Silk
- E4D4DD
≈ Soft Lilac
- E2D7CA
≈ Maybe Mushroom
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.39:1 · APCA Lc 19
Ag
AAASiyah üzerinde
WCAG 15.00:1 · APCA Lc 84
En iyi metin rengi: #000000
WCAG 15.00:1 (AAA) · APCA Lc 84
Contrast pairs
Kod parçacıkları
CSS
:root {
--luminous-mist: #cdded5;
--luminous-mist-rgb: 205 222 213;
--luminous-mist-oklch: oklch(0.885 0.022 163);
}
.element {
color: var(--luminous-mist);
background-color: hsl(148 20% 84%);
border-color: oklch(0.885 0.022 163);
}Tailwind CSS v4
@theme {
--color-luminous-mist: #cdded5;
--color-luminous-mist-50: #f0f7f3;
--color-luminous-mist-100: #e2eae6;
--color-luminous-mist-200: #ccd7d2;
--color-luminous-mist-300: #aebbb4;
--color-luminous-mist-400: #93a39b;
--color-luminous-mist-500: #7a8b82;
--color-luminous-mist-600: #67766e;
--color-luminous-mist-700: #525e58;
--color-luminous-mist-800: #3c4540;
--color-luminous-mist-900: #29302c;
--color-luminous-mist-950: #171c19;
}SCSS
$luminous-mist: #cdded5;
$luminous-mist-rgb: 205, 222, 213;
$luminous-mist-light: mix(#fff, $luminous-mist, 20%);
$luminous-mist-dark: mix(#000, $luminous-mist, 20%);
.element {
color: $luminous-mist;
box-shadow: 0 0 0 2px rgba($luminous-mist, 0.35);
}