이름 색상 · #8E6C94
Rhinestone
Rhinestone은(는) #8E6C94: rgb(142 108 148), hsl(291 16% 50%), oklch(0.579 0.072 321.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Purple mean? → · Rhinestone color name →
#8E6C94
oklch(0.579 0.072 321.3)
색상 변환
- HEX
- #8e6c94
- RGB
- rgb(142 108 148)
- HSL
- hsl(291 16% 50%)
- HWB
- hwb(291 42% 42%)
- OKLCH
- oklch(0.579 0.072 321.3)
- OKLab
- oklab(0.579 0.056 -0.045)
- CIE Lab
- lab(50.17 19.4 -16.52)
- LCH
- lch(50.17 25.48 319.6)
- CMYK
- cmyk(4% 27% 0% 42%)
틴트 · 셰이드 · 톤
틴트
- 997A9E
- A488A9
- AF96B3
- BAA5BE
- C6B3C9
- D1C2D3
- DCD1DE
- E8E0E9
- F3F0F4
셰이드
- 7B5D80
- 684E6D
- 56405A
- 443248
- 342536
- 241926
- 150D16
- 070408
- 010001
톤
- 8D6E92
- 8B7090
- 8A728E
- 89748C
- 87768A
- 867888
- 857A86
- 837C84
- 827E82
색 조화
보색 +180°
- 8E6C94
Rhinestone
- 62855D
≈ Tee Off
유사색 -30° +30°
- 8E6C94
Rhinestone
- 7A73A2
≈ Queen’s
- 9B687F
≈ Arcane
삼각 배색 +120° +240°
- 8E6C94
Rhinestone
- 907647
≈ Cattail Brown
- 3F878C
≈ Sea Caller
분열 보색 +150° +210°
- 8E6C94
Rhinestone
- 7B7E4B
≈ Terrapin
- 4A8875
≈ Think Leaf
사각 배색 +90° +180° +270°
- 8E6C94
Rhinestone
- 9D6E52
≈ Sorrel Brown
- 62855D
≈ Tee Off
- 4B829D
≈ Jay Bird
대비 및 접근성
Ag
Fail흰색 위
WCAG 4.44:1 · APCA Lc 71
Ag
AA검은색 위
WCAG 4.72:1 · APCA Lc 31
가장 좋은 글자색: #000000
WCAG 4.72:1 (AA) · APCA Lc 31
Contrast pairs
코드 스니펫
CSS
:root {
--rhinestone: #8e6c94;
--rhinestone-rgb: 142 108 148;
--rhinestone-oklch: oklch(0.579 0.072 321.3);
}
.element {
color: var(--rhinestone);
background-color: hsl(291 16% 50%);
border-color: oklch(0.579 0.072 321.3);
}Tailwind CSS v4
@theme {
--color-rhinestone: #8e6c94;
--color-rhinestone-50: #ffefff;
--color-rhinestone-100: #f4e0f6;
--color-rhinestone-200: #e4cae6;
--color-rhinestone-300: #caaccd;
--color-rhinestone-400: #b391b8;
--color-rhinestone-500: #9c76a3;
--color-rhinestone-600: #84648a;
--color-rhinestone-700: #6a506e;
--color-rhinestone-800: #4d3a52;
--color-rhinestone-900: #362839;
--color-rhinestone-950: #211624;
}SCSS
$rhinestone: #8e6c94;
$rhinestone-rgb: 142, 108, 148;
$rhinestone-light: mix(#fff, $rhinestone, 20%);
$rhinestone-dark: mix(#000, $rhinestone, 20%);
.element {
color: $rhinestone;
box-shadow: 0 0 0 2px rgba($rhinestone, 0.35);
}