이름 색상 · #92698F
Chinese Violet
Chinese Violet은(는) #92698F: rgb(146 105 143), hsl(304 16% 49%), oklch(0.576 0.075 329). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Purple mean? → · Chinese Violet color name →
#92698F
oklch(0.576 0.075 329)
색상 변환
- HEX
- #92698f
- RGB
- rgb(146 105 143)
- HSL
- hsl(304 16% 49%)
- HWB
- hwb(304 41% 43%)
- OKLCH
- oklch(0.576 0.075 329)
- OKLab
- oklab(0.576 0.064 -0.039)
- CIE Lab
- lab(49.72 21.79 -14.2)
- LCH
- lch(49.72 26.01 326.9)
- CMYK
- cmyk(0% 28% 2% 43%)
틴트 · 셰이드 · 톤
틴트
- 9D779A
- A886A5
- B294B0
- BDA3BB
- C8B2C6
- D3C1D1
- DED0DC
- E9E0E8
- F4EFF3
셰이드
- 7E5A7C
- 6B4C69
- 583E57
- 463145
- 352434
- 251824
- 160C15
- 080407
- 010001
톤
- 906B8E
- 8F6E8C
- 8D708B
- 8B7389
- 8A7588
- 887786
- 867985
- 847C83
- 827E82
색 조화
보색 +180°
- 92698F
Chinese Violet
- 598661
≈ Spring Garden
유사색 -30° +30°
- 92698F
Chinese Violet
- 7F6FA0
≈ Queen’s
- 9E6678
≈ Mellow Mauve
삼각 배색 +120° +240°
- 92698F
Chinese Violet
- 8B7743
≈ Bengal Grass
- 3B8591
≈ Precious Stone
분열 보색 +150° +210°
- 92698F
Chinese Violet
- 74804C
≈ Turf War
- 41887A
≈ Carlisle
사각 배색 +90° +180° +270°
- 92698F
Chinese Violet
- 9A6E4B
≈ Chocolate Milk
- 598661
≈ Spring Garden
- 4D7FA1
≈ Borage
대비 및 접근성
Ag
AA흰색 위
WCAG 4.52:1 · APCA Lc 71
Ag
AA검은색 위
WCAG 4.63:1 · APCA Lc 30
가장 좋은 글자색: #000000
WCAG 4.63:1 (AA) · APCA Lc 30
Contrast pairs
코드 스니펫
CSS
:root {
--chinese-violet: #92698f;
--chinese-violet-rgb: 146 105 143;
--chinese-violet-oklch: oklch(0.576 0.075 329);
}
.element {
color: var(--chinese-violet);
background-color: hsl(304 16% 49%);
border-color: oklch(0.576 0.075 329);
}Tailwind CSS v4
@theme {
--color-chinese-violet: #92698f;
--color-chinese-violet-50: #ffeeff;
--color-chinese-violet-100: #f7dff4;
--color-chinese-violet-200: #e8c9e3;
--color-chinese-violet-300: #cfaac9;
--color-chinese-violet-400: #b88fb4;
--color-chinese-violet-500: #a2749f;
--color-chinese-violet-600: #896286;
--color-chinese-violet-700: #6e4f6b;
--color-chinese-violet-800: #503950;
--color-chinese-violet-900: #382738;
--color-chinese-violet-950: #221522;
}SCSS
$chinese-violet: #92698f;
$chinese-violet-rgb: 146, 105, 143;
$chinese-violet-light: mix(#fff, $chinese-violet, 20%);
$chinese-violet-dark: mix(#000, $chinese-violet, 20%);
.element {
color: $chinese-violet;
box-shadow: 0 0 0 2px rgba($chinese-violet, 0.35);
}