이름 색상 · #720B98
Chinese Purple
Chinese Purple은(는) #720B98: rgb(114 11 152), hsl(284 87% 32%), oklch(0.421 0.202 313.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Purple mean? → · Chinese Purple color name →
#720B98
oklch(0.421 0.202 313.3)
색상 변환
- HEX
- #720b98
- RGB
- rgb(114 11 152)
- HSL
- hsl(284 87% 32%)
- HWB
- hwb(284 4% 40%)
- OKLCH
- oklch(0.421 0.202 313.3)
- OKLab
- oklab(0.421 0.138 -0.147)
- CIE Lab
- lab(29.13 54.84 -52.25)
- LCH
- lch(29.13 75.74 316.4)
- CMYK
- cmyk(25% 93% 0% 40%)
틴트 · 셰이드 · 톤
틴트
- 8031A3
- 8E4BAE
- 9C62B9
- AA79C4
- B88FCE
- C6A5D9
- D4BBE2
- E2D2EC
- F1E8F6
셰이드
- 620884
- 530670
- 44045C
- 36024A
- 280138
- 1B0127
- 0E0017
- 040008
- 010001
톤
- 742397
- 763395
- 773F93
- 794A91
- 7A548F
- 7C5D8C
- 7D668A
- 7E6F87
- 7F7884
색 조화
보색 +180°
- 720B98
Chinese Purple
- 315A00
≈ Deep Forestial Escapade
유사색 -30° +30°
- 720B98
Chinese Purple
- 482AB4
≈ Blue Depression
- 880066
≈ Grapest
삼각 배색 +120° +240°
- 720B98
Chinese Purple
- 6A4400
≈ Violin Brown
- 005958
≈ Deep Sea Green
분열 보색 +150° +210°
- 720B98
Chinese Purple
- 564F00
≈ Scorzonera Brown
- 005C3F
≈ Spruce
사각 배색 +90° +180° +270°
- 720B98
Chinese Purple
- 823000
≈ Coffee Addiction
- 315A00
≈ Deep Forestial Escapade
- 00566C
≈ Submersible
대비 및 접근성
Ag
AAA흰색 위
WCAG 9.47:1 · APCA Lc 90
Ag
Fail검은색 위
WCAG 2.21:1 · APCA Lc 12
가장 좋은 글자색: #FFFFFF
WCAG 9.47:1 (AAA) · APCA Lc 90
Contrast pairs
코드 스니펫
CSS
:root {
--chinese-purple: #720b98;
--chinese-purple-rgb: 114 11 152;
--chinese-purple-oklch: oklch(0.421 0.202 313.3);
}
.element {
color: var(--chinese-purple);
background-color: hsl(284 87% 32%);
border-color: oklch(0.421 0.202 313.3);
}Tailwind CSS v4
@theme {
--color-chinese-purple: #720b98;
--color-chinese-purple-50: #ffe4ff;
--color-chinese-purple-100: #ffd4ff;
--color-chinese-purple-200: #f5baff;
--color-chinese-purple-300: #de95fd;
--color-chinese-purple-400: #c874f1;
--color-chinese-purple-500: #b44fe2;
--color-chinese-purple-600: #9845bf;
--color-chinese-purple-700: #7a3799;
--color-chinese-purple-800: #592774;
--color-chinese-purple-900: #3e1a52;
--color-chinese-purple-950: #270a37;
}SCSS
$chinese-purple: #720b98;
$chinese-purple-rgb: 114, 11, 152;
$chinese-purple-light: mix(#fff, $chinese-purple, 20%);
$chinese-purple-dark: mix(#000, $chinese-purple, 20%);
.element {
color: $chinese-purple;
box-shadow: 0 0 0 2px rgba($chinese-purple, 0.35);
}