이름 색상 · #D0CAD7
Diaphanous
Diaphanous은(는) #D0CAD7: rgb(208 202 215), hsl(268 14% 82%), oklch(0.848 0.019 306.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Diaphanous color name →
#D0CAD7
oklch(0.848 0.019 306.6)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- D5CFDB
- D9D4DF
- DEDAE3
- E3DFE7
- E7E4EB
- ECEAEF
- F1EFF3
- F5F4F7
- FAFAFB
셰이드
- B5AFBB
- 9A959F
- 807C85
- 67646B
- 4F4D52
- 39373B
- 232225
- 100F11
- 020202
톤
- C8C2CE
- BFBBC5
- B7B3BC
- AFACB3
- A7A4AA
- 9F9DA2
- 979699
- 8F8E91
- 888788
색 조화
보색 +180°
- D0CAD7
Diaphanous
- CACFC2
≈ Harp
유사색 -30° +30°
- D0CAD7
Diaphanous
- C9CCDA
≈ Winter’s Fury
- D6C9D2
≈ Eternal Moonrise
삼각 배색 +120° +240°
- D0CAD7
Diaphanous
- D6CBC0
≈ In the Buff
- C0D1CF
≈ Icy Waterfall
분열 보색 +150° +210°
- D0CAD7
Diaphanous
- D0CDC0
≈ Sedate Grey
- C4D1C8
≈ Fountain Foam
사각 배색 +90° +180° +270°
- D0CAD7
Diaphanous
- D9C9C4
≈ Goodbye Kiss
- CACFC2
≈ Harp
- C0D0D5
≈ Alice White
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.60:1 · APCA Lc 27
Ag
AAA검은색 위
WCAG 13.11:1 · APCA Lc 76
가장 좋은 글자색: #000000
WCAG 13.11:1 (AAA) · APCA Lc 76
Contrast pairs
코드 스니펫
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);
}