Adlandırılmış renk · #D0CAD7
Diaphanous
Diaphanous, #D0CAD7: rgb(208 202 215), hsl(268 14% 82%), oklch(0.848 0.019 306.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Diaphanous color name →
#D0CAD7
oklch(0.848 0.019 306.6)
Renk dönüşümleri
- HEX
- #d0cad7
- RGB
- rgb(208 202 215)
- HSL
- hsl(268 14% 82%)
- HWB
- hwb(268 79% 16%)
- OKLCH
- oklch(0.848 0.019 306.6)
- OKLab
- oklab(0.848 0.011 -0.015)
- CIE Lab
- lab(82.11 3.93 -5.71)
- LCH
- lch(82.11 6.93 304.6)
- CMYK
- cmyk(3% 6% 0% 16%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D5CFDB
- D9D4DF
- DEDAE3
- E3DFE7
- E7E4EB
- ECEAEF
- F1EFF3
- F5F4F7
- FAFAFB
Koyu tonlar
- B5AFBB
- 9A959F
- 807C85
- 67646B
- 4F4D52
- 39373B
- 232225
- 100F11
- 020202
Gri tonlar
- C8C2CE
- BFBBC5
- B7B3BC
- AFACB3
- A7A4AA
- 9F9DA2
- 979699
- 8F8E91
- 888788
Renk uyumları
Tamamlayıcı +180°
- D0CAD7
Diaphanous
- CACFC2
≈ Harp
Analog -30° +30°
- D0CAD7
Diaphanous
- C9CCDA
≈ Winter’s Fury
- D6C9D2
≈ Eternal Moonrise
Üçlü +120° +240°
- D0CAD7
Diaphanous
- D6CBC0
≈ In the Buff
- C0D1CF
≈ Icy Waterfall
Bölünmüş tamamlayıcı +150° +210°
- D0CAD7
Diaphanous
- D0CDC0
≈ Sedate Grey
- C4D1C8
≈ Fountain Foam
Dörtlü +90° +180° +270°
- D0CAD7
Diaphanous
- D9C9C4
≈ Goodbye Kiss
- CACFC2
≈ Harp
- C0D0D5
≈ Alice White
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.60:1 · APCA Lc 27
Ag
AAASiyah üzerinde
WCAG 13.11:1 · APCA Lc 76
En iyi metin rengi: #000000
WCAG 13.11:1 (AAA) · APCA Lc 76
Contrast pairs
Kod parçacıkları
CSS
:root {
--diaphanous: #d0cad7;
--diaphanous-rgb: 208 202 215;
--diaphanous-oklch: oklch(0.848 0.019 306.6);
}
.element {
color: var(--diaphanous);
background-color: hsl(268 14% 82%);
border-color: oklch(0.848 0.019 306.6);
}Tailwind CSS v4
@theme {
--color-diaphanous: #d0cad7;
--color-diaphanous-50: #f7f4f9;
--color-diaphanous-100: #eae6ed;
--color-diaphanous-200: #d6d2db;
--color-diaphanous-300: #bab5bf;
--color-diaphanous-400: #a19ca7;
--color-diaphanous-500: #898390;
--color-diaphanous-600: #746f7a;
--color-diaphanous-700: #5d5962;
--color-diaphanous-800: #444148;
--color-diaphanous-900: #2f2d32;
--color-diaphanous-950: #1b1a1e;
}SCSS
$diaphanous: #d0cad7;
$diaphanous-rgb: 208, 202, 215;
$diaphanous-light: mix(#fff, $diaphanous, 20%);
$diaphanous-dark: mix(#000, $diaphanous, 20%);
.element {
color: $diaphanous;
box-shadow: 0 0 0 2px rgba($diaphanous, 0.35);
}