이름 색상 · #CBC2D3
Powder Viola
Powder Viola은(는) #CBC2D3: rgb(203 194 211), hsl(272 16% 79%), oklch(0.827 0.025 309.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Powder Viola color name →
#CBC2D3
oklch(0.827 0.025 309.3)
색상 변환
- HEX
- #cbc2d3
- RGB
- rgb(203 194 211)
- HSL
- hsl(272 16% 79%)
- HWB
- hwb(272 76% 17%)
- OKLCH
- oklch(0.827 0.025 309.3)
- OKLab
- oklab(0.827 0.016 -0.02)
- CIE Lab
- lab(79.56 5.59 -7.35)
- LCH
- lch(79.56 9.24 307.3)
- CMYK
- cmyk(4% 8% 0% 17%)
틴트 · 셰이드 · 톤
틴트
- D0C8D7
- D5CEDC
- DAD4E0
- E0DAE4
- E5E0E9
- EAE6ED
- EFECF2
- F4F3F6
- FAF9FB
셰이드
- B0A8B7
- 968F9C
- 7D7782
- 656069
- 4D4951
- 37343A
- 222024
- 0F0E10
- 020202
톤
- C3BBCA
- BCB4C2
- B4AEB9
- ACA7B1
- A5A0A9
- 9D9AA0
- 969398
- 8E8D90
- 878688
색 조화
보색 +180°
- CBC2D3
Powder Viola
- C1CAB9
≈ Jade Light Green
유사색 -30° +30°
- CBC2D3
Powder Viola
- C2C5D7
≈ Tulip Soft Blue
- D2C0CC
≈ Bassinet
삼각 배색 +120° +240°
- CBC2D3
Powder Viola
- D1C4B5
≈ Indulgent Mocha
- B5CCC9
≈ Clear Pond
분열 보색 +150° +210°
- CBC2D3
Powder Viola
- CAC7B4
≈ Ocean Foam
- B9CCC0
≈ Organza Green
사각 배색 +90° +180° +270°
- CBC2D3
Powder Viola
- D6C1BA
≈ Country Cottage
- C1CAB9
≈ Jade Light Green
- B5CBD2
≈ April Tears
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.72:1 · APCA Lc 31
Ag
AAA검은색 위
WCAG 12.19:1 · APCA Lc 72
가장 좋은 글자색: #000000
WCAG 12.19:1 (AAA) · APCA Lc 72
Contrast pairs
코드 스니펫
CSS
:root {
--powder-viola: #cbc2d3;
--powder-viola-rgb: 203 194 211;
--powder-viola-oklch: oklch(0.827 0.025 309.3);
}
.element {
color: var(--powder-viola);
background-color: hsl(272 16% 79%);
border-color: oklch(0.827 0.025 309.3);
}Tailwind CSS v4
@theme {
--color-powder-viola: #cbc2d3;
--color-powder-viola-50: #f7f3fb;
--color-powder-viola-100: #ebe6ee;
--color-powder-viola-200: #d8d1dc;
--color-powder-viola-300: #bcb4c1;
--color-powder-viola-400: #a39baa;
--color-powder-viola-500: #8b8293;
--color-powder-viola-600: #766e7d;
--color-powder-viola-700: #5e5864;
--color-powder-viola-800: #454049;
--color-powder-viola-900: #2f2c33;
--color-powder-viola-950: #1c191f;
}SCSS
$powder-viola: #cbc2d3;
$powder-viola-rgb: 203, 194, 211;
$powder-viola-light: mix(#fff, $powder-viola, 20%);
$powder-viola-dark: mix(#000, $powder-viola, 20%);
.element {
color: $powder-viola;
box-shadow: 0 0 0 2px rgba($powder-viola, 0.35);
}