이름 색상 · #D9C4D0
Mauve Organdie
Mauve Organdie은(는) #D9C4D0: rgb(217 196 208), hsl(326 22% 81%), oklch(0.841 0.029 342.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Mauve Organdie color name →
#D9C4D0
oklch(0.841 0.029 342.4)
색상 변환
- HEX
- #d9c4d0
- RGB
- rgb(217 196 208)
- HSL
- hsl(326 22% 81%)
- HWB
- hwb(326 77% 15%)
- OKLCH
- oklch(0.841 0.029 342.4)
- OKLab
- oklab(0.841 0.027 -0.009)
- CIE Lab
- lab(81.2 9.17 -3.19)
- LCH
- lch(81.2 9.71 340.8)
- CMYK
- cmyk(0% 10% 4% 15%)
틴트 · 셰이드 · 톤
틴트
- DDCAD5
- E1D0D9
- E4D5DE
- E8DBE3
- ECE1E7
- F0E7EC
- F4EDF1
- F7F3F5
- FBF9FA
셰이드
- BCAAB5
- A1919A
- 867880
- 6C6167
- 534A4F
- 3B3539
- 252123
- 110E10
- 020202
톤
- D0BDC8
- C7B6BF
- BEAFB7
- B4A8AF
- ACA1A7
- A39B9F
- 9A9497
- 918D8F
- 898788
색 조화
보색 +180°
- D9C4D0
Mauve Organdie
- BBD1C5
≈ Moon Glass
유사색 -30° +30°
- D9C4D0
Mauve Organdie
- D1C6D9
≈ Modesty
- DDC4C6
≈ Bunny Pink
삼각 배색 +120° +240°
- D9C4D0
Mauve Organdie
- CECCB7
≈ Skipping Stone
- B8D0D8
≈ Mudra
분열 보색 +150° +210°
- D9C4D0
Mauve Organdie
- C4CFBC
≈ Frosty Pine
- B7D1D0
≈ Malaysian Mist
사각 배색 +90° +180° +270°
- D9C4D0
Mauve Organdie
- D7C8B7
≈ Sandshell
- BBD1C5
≈ Moon Glass
- BECDDE
≈ Sky’s the Limit
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.64:1 · APCA Lc 29
Ag
AAA검은색 위
WCAG 12.75:1 · APCA Lc 74
가장 좋은 글자색: #000000
WCAG 12.75:1 (AAA) · APCA Lc 74
Contrast pairs
코드 스니펫
CSS
:root {
--mauve-organdie: #d9c4d0;
--mauve-organdie-rgb: 217 196 208;
--mauve-organdie-oklch: oklch(0.841 0.029 342.4);
}
.element {
color: var(--mauve-organdie);
background-color: hsl(326 22% 81%);
border-color: oklch(0.841 0.029 342.4);
}Tailwind CSS v4
@theme {
--color-mauve-organdie: #d9c4d0;
--color-mauve-organdie-50: #fcf2f7;
--color-mauve-organdie-100: #efe4ea;
--color-mauve-organdie-200: #ded0d7;
--color-mauve-organdie-300: #c3b2bb;
--color-mauve-organdie-400: #ab98a3;
--color-mauve-organdie-500: #947f8b;
--color-mauve-organdie-600: #7d6c76;
--color-mauve-organdie-700: #64565e;
--color-mauve-organdie-800: #4a3f45;
--color-mauve-organdie-900: #332b30;
--color-mauve-organdie-950: #1f181c;
}SCSS
$mauve-organdie: #d9c4d0;
$mauve-organdie-rgb: 217, 196, 208;
$mauve-organdie-light: mix(#fff, $mauve-organdie, 20%);
$mauve-organdie-dark: mix(#000, $mauve-organdie, 20%);
.element {
color: $mauve-organdie;
box-shadow: 0 0 0 2px rgba($mauve-organdie, 0.35);
}