이름 색상 · #9966CC
Amethyst
Amethyst은(는) #9966CC: rgb(153 102 204), hsl(270 50% 60%), oklch(0.608 0.156 305.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Purple mean? → · Amethyst color name →
#9966CC
oklch(0.608 0.156 305.3)
색상 변환
- HEX
- #9966cc
- RGB
- rgb(153 102 204)
- HSL
- hsl(270 50% 60%)
- HWB
- hwb(270 40% 20%)
- OKLCH
- oklch(0.608 0.156 305.3)
- OKLab
- oklab(0.608 0.09 -0.127)
- CIE Lab
- lab(52.14 35.97 -45.74)
- LCH
- lch(52.14 58.19 308.2)
- CMYK
- cmyk(25% 50% 0% 20%)
틴트 · 셰이드 · 톤
틴트
- A376D2
- AD85D8
- B694DD
- C1A3E3
- CBB3E8
- D5C2ED
- DFD1F2
- EAE0F6
- F4F0FB
셰이드
- 8458B1
- 704A97
- 5D3C7E
- 4A2F65
- 38234E
- 271737
- 170C22
- 08040F
- 010002
톤
- 966AC5
- 946DBD
- 9170B6
- 8F73AE
- 8C75A7
- 8A789F
- 877A98
- 857C90
- 827E88
색 조화
보색 +180°
- 9966CC
Amethyst
- 6D9100
≈ Canopy
유사색 -30° +30°
- 9966CC
Amethyst
- 6A77DE
≈ Pan Purple
- B959A7
≈ Mazzy Star
삼각 배색 +120° +240°
- 9966CC
Amethyst
- B96E00
≈ Indocile Tiger
- 00978B
≈ Intense Teal
분열 보색 +150° +210°
- 9966CC
Amethyst
- 9A8100
≈ Pestilence
- 009C59
≈ Fern Green
사각 배색 +90° +180° +270°
- 9966CC
Amethyst
- CE593B
≈ Bugman’s Glow
- 6D9100
≈ Canopy
- 0092AB
≈ Cape Pond
대비 및 접근성
Ag
Fail흰색 위
WCAG 4.09:1 · APCA Lc 68
Ag
AA검은색 위
WCAG 5.12:1 · APCA Lc 34
가장 좋은 글자색: #000000
WCAG 5.12:1 (AA) · APCA Lc 34
Contrast pairs
코드 스니펫
CSS
:root {
--amethyst: #9966cc;
--amethyst-rgb: 153 102 204;
--amethyst-oklch: oklch(0.608 0.156 305.3);
}
.element {
color: var(--amethyst);
background-color: hsl(270 50% 60%);
border-color: oklch(0.608 0.156 305.3);
}Tailwind CSS v4
@theme {
--color-amethyst: #9966cc;
--color-amethyst-50: #ffeaff;
--color-amethyst-100: #f6dbff;
--color-amethyst-200: #e6c3ff;
--color-amethyst-300: #cda1f5;
--color-amethyst-400: #b484e7;
--color-amethyst-500: #9f66d7;
--color-amethyst-600: #8657b6;
--color-amethyst-700: #6c4592;
--color-amethyst-800: #4e326e;
--color-amethyst-900: #36224d;
--color-amethyst-950: #211133;
}SCSS
$amethyst: #9966cc;
$amethyst-rgb: 153, 102, 204;
$amethyst-light: mix(#fff, $amethyst, 20%);
$amethyst-dark: mix(#000, $amethyst, 20%);
.element {
color: $amethyst;
box-shadow: 0 0 0 2px rgba($amethyst, 0.35);
}