이름 색상 · #A675FE
Purple Illusionist
Purple Illusionist은(는) #A675FE: rgb(166 117 254), hsl(261 99% 73%), oklch(0.674 0.197 297.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Purple mean? → · Purple Illusionist color name →
#A675FE
oklch(0.674 0.197 297.4)
색상 변환
- HEX
- #a675fe
- RGB
- rgb(166 117 254)
- HSL
- hsl(261 99% 73%)
- HWB
- hwb(261 46% 0%)
- OKLCH
- oklch(0.674 0.197 297.4)
- OKLab
- oklab(0.674 0.09 -0.175)
- CIE Lab
- lab(59.2 41.34 -62.37)
- LCH
- lch(59.2 74.83 303.5)
- CMYK
- cmyk(35% 54% 0% 0%)
틴트 · 셰이드 · 톤
틴트
- AE84FF
- B693FF
- BFA1FF
- C7AFFF
- D0BCFF
- D9CAFF
- E3D7FF
- ECE4FF
- F5F2FF
셰이드
- 9065DD
- 7A55BD
- 65469E
- 513780
- 3E2963
- 2B1C47
- 1A0F2D
- 0A0516
- 010103
톤
- A278F1
- 9E7AE5
- 9A7CD8
- 967DCC
- 927EC0
- 8E7FB3
- 8A80A6
- 87809A
- 83808D
색 조화
보색 +180°
- A675FE
Purple Illusionist
- 90A200
≈ Noxious
유사색 -30° +30°
- A675FE
Purple Illusionist
- 688FFF
≈ Punch Out Glove
- D362D3
≈ Blueberry Glaze
삼각 배색 +120° +240°
- A675FE
Purple Illusionist
- DE7800
≈ Orange Outburst
- 00AF95
≈ Hobgoblin
분열 보색 +150° +210°
- A675FE
Purple Illusionist
- BA9000
≈ Moutarde de Bénichon
- 09B545
≈ Billiards Cloth
사각 배색 +90° +180° +270°
- A675FE
Purple Illusionist
- F8594E
≈ Algerian Coral
- 90A200
≈ Noxious
- 00AABB
≈ Bluebird
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.18:1 · APCA Lc 59
Ag
AA검은색 위
WCAG 6.59:1 · APCA Lc 43
가장 좋은 글자색: #000000
WCAG 6.59:1 (AA) · APCA Lc 43
Contrast pairs
코드 스니펫
CSS
:root {
--purple-illusionist: #a675fe;
--purple-illusionist-rgb: 166 117 254;
--purple-illusionist-oklch: oklch(0.674 0.197 297.4);
}
.element {
color: var(--purple-illusionist);
background-color: hsl(261 99% 73%);
border-color: oklch(0.674 0.197 297.4);
}Tailwind CSS v4
@theme {
--color-purple-illusionist: #a675fe;
--color-purple-illusionist-50: #fde9ff;
--color-purple-illusionist-100: #f1daff;
--color-purple-illusionist-200: #e0c1ff;
--color-purple-illusionist-300: #c69fff;
--color-purple-illusionist-400: #ad80ff;
--color-purple-illusionist-500: #985ef5;
--color-purple-illusionist-600: #8050cf;
--color-purple-illusionist-700: #6740a6;
--color-purple-illusionist-800: #492f7d;
--color-purple-illusionist-900: #332059;
--color-purple-illusionist-950: #1f0e3c;
}SCSS
$purple-illusionist: #a675fe;
$purple-illusionist-rgb: 166, 117, 254;
$purple-illusionist-light: mix(#fff, $purple-illusionist, 20%);
$purple-illusionist-dark: mix(#000, $purple-illusionist, 20%);
.element {
color: $purple-illusionist;
box-shadow: 0 0 0 2px rgba($purple-illusionist, 0.35);
}