이름 색상 · #AB46EC
Pisces Vivid Amethyst
Pisces Vivid Amethyst은(는) #AB46EC: rgb(171 70 236), hsl(277 81% 60%), oklch(0.606 0.24 308.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Purple mean? → · Pisces Vivid Amethyst color name →
#AB46EC
oklch(0.606 0.24 308.7)
색상 변환
- HEX
- #ab46ec
- RGB
- rgb(171 70 236)
- HSL
- hsl(277 81% 60%)
- HWB
- hwb(277 27% 7%)
- OKLCH
- oklch(0.606 0.24 308.7)
- OKLab
- oklab(0.606 0.15 -0.188)
- CIE Lab
- lab(50.14 61.51 -66.87)
- LCH
- lch(50.14 90.85 312.6)
- CMYK
- cmyk(28% 70% 0% 7%)
틴트 · 셰이드 · 톤
틴트
- B35DEF
- BC72F2
- C485F5
- CC97F8
- D5A9FA
- DDBBFC
- E6CCFD
- EEDDFE
- F7EEFF
셰이드
- 943CCD
- 7E32AF
- 682892
- 541E76
- 40155B
- 2D0D42
- 1B0529
- 0B0213
- 010003
톤
- A750E2
- A259D7
- 9E60CD
- 9A66C2
- 966CB8
- 9171AD
- 8D75A2
- 897997
- 847D8C
색 조화
보색 +180°
- AB46EC
Pisces Vivid Amethyst
- 649300
≈ Limeade
유사색 -30° +30°
- AB46EC
Pisces Vivid Amethyst
- 6C68FF
≈ Blue Genie
- D529B1
≈ Loudicious Pink
삼각 배색 +120° +240°
- AB46EC
Pisces Vivid Amethyst
- B47000
≈ Sweet Mulled Cider
- 00968E
≈ Reef Encounter
분열 보색 +150° +210°
- AB46EC
Pisces Vivid Amethyst
- 958200
≈ Thicket Green
- 009A62
≈ Green Cyan
사각 배색 +90° +180° +270°
- AB46EC
Pisces Vivid Amethyst
- DD4800
≈ Macharius Solar Orange
- 649300
≈ Limeade
- 0091AE
≈ Kelp’thar Forest Blue
대비 및 접근성
Ag
Fail흰색 위
WCAG 4.35:1 · APCA Lc 69
Ag
AA검은색 위
WCAG 4.81:1 · APCA Lc 32
가장 좋은 글자색: #000000
WCAG 4.81:1 (AA) · APCA Lc 32
Contrast pairs
코드 스니펫
CSS
:root {
--pisces-vivid-amethyst: #ab46ec;
--pisces-vivid-amethyst-rgb: 171 70 236;
--pisces-vivid-amethyst-oklch: oklch(0.606 0.24 308.7);
}
.element {
color: var(--pisces-vivid-amethyst);
background-color: hsl(277 81% 60%);
border-color: oklch(0.606 0.24 308.7);
}Tailwind CSS v4
@theme {
--color-pisces-vivid-amethyst: #ab46ec;
--color-pisces-vivid-amethyst-50: #ffe2ff;
--color-pisces-vivid-amethyst-100: #ffd1ff;
--color-pisces-vivid-amethyst-200: #f5b6ff;
--color-pisces-vivid-amethyst-300: #de8fff;
--color-pisces-vivid-amethyst-400: #c76bff;
--color-pisces-vivid-amethyst-500: #b43ffb;
--color-pisces-vivid-amethyst-600: #9837d4;
--color-pisces-vivid-amethyst-700: #7a2caa;
--color-pisces-vivid-amethyst-800: #582081;
--color-pisces-vivid-amethyst-900: #3e155c;
--color-pisces-vivid-amethyst-950: #27053e;
}SCSS
$pisces-vivid-amethyst: #ab46ec;
$pisces-vivid-amethyst-rgb: 171, 70, 236;
$pisces-vivid-amethyst-light: mix(#fff, $pisces-vivid-amethyst, 20%);
$pisces-vivid-amethyst-dark: mix(#000, $pisces-vivid-amethyst, 20%);
.element {
color: $pisces-vivid-amethyst;
box-shadow: 0 0 0 2px rgba($pisces-vivid-amethyst, 0.35);
}