이름 색상 · #9900AA
Shiffurple
Shiffurple은(는) #9900AA: rgb(153 0 170), hsl(294 100% 33%), oklch(0.491 0.232 322.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Purple mean? → · Shiffurple color name →
#9900AA
oklch(0.491 0.232 322.8)
색상 변환
- HEX
- #9900aa
- RGB
- rgb(153 0 170)
- HSL
- hsl(294 100% 33%)
- HWB
- hwb(294 0% 33%)
- OKLCH
- oklch(0.491 0.232 322.8)
- OKLab
- oklab(0.491 0.185 -0.14)
- CIE Lab
- lab(36.97 65.85 -50.05)
- LCH
- lch(36.97 82.71 322.8)
- CMYK
- cmyk(10% 100% 0% 33%)
틴트 · 셰이드 · 톤
틴트
- A533B3
- B04FBD
- BB67C6
- C57DCF
- D093D7
- DAA9E0
- E3BEE8
- EDD4F0
- F6E9F7
셰이드
- 840093
- 70007D
- 5D0068
- 4A0053
- 38003F
- 27002D
- 17001B
- 08000B
- 010001
톤
- 9824A7
- 9635A3
- 94429F
- 924D9B
- 905797
- 8D6093
- 8B698F
- 87718A
- 847985
색 조화
보색 +180°
- 9900AA
Shiffurple
- 007605
≈ Moth Green
유사색 -30° +30°
- 9900AA
Shiffurple
- 6D2DD4
≈ Sagat Purple
- AD006B
≈ Velvet Cupcake
삼각 배색 +120° +240°
- 9900AA
Shiffurple
- 7C5A00
≈ Blackfire Earth
- 006E75
≈ Teal Motif
분열 보색 +150° +210°
- 9900AA
Shiffurple
- 626600
≈ Mud Green
- 00725B
≈ Tropical Rainforest
사각 배색 +90° +180° +270°
- 9900AA
Shiffurple
- 954800
≈ Brownie
- 007605
≈ Moth Green
- 006990
≈ Port au Prince
대비 및 접근성
Ag
AAA흰색 위
WCAG 7.15:1 · APCA Lc 82
Ag
Fail검은색 위
WCAG 2.93:1 · APCA Lc 19
가장 좋은 글자색: #FFFFFF
WCAG 7.15:1 (AAA) · APCA Lc 82
Contrast pairs
코드 스니펫
CSS
:root {
--shiffurple: #9900aa;
--shiffurple-rgb: 153 0 170;
--shiffurple-oklch: oklch(0.491 0.232 322.8);
}
.element {
color: var(--shiffurple);
background-color: hsl(294 100% 33%);
border-color: oklch(0.491 0.232 322.8);
}Tailwind CSS v4
@theme {
--color-shiffurple: #9900aa;
--color-shiffurple-50: #ffdfff;
--color-shiffurple-100: #ffcdff;
--color-shiffurple-200: #ffb1ff;
--color-shiffurple-300: #f189f8;
--color-shiffurple-400: #dc64ec;
--color-shiffurple-500: #c935dc;
--color-shiffurple-600: #aa2fba;
--color-shiffurple-700: #892695;
--color-shiffurple-800: #641b72;
--color-shiffurple-900: #461250;
--color-shiffurple-950: #2d0335;
}SCSS
$shiffurple: #9900aa;
$shiffurple-rgb: 153, 0, 170;
$shiffurple-light: mix(#fff, $shiffurple, 20%);
$shiffurple-dark: mix(#000, $shiffurple, 20%);
.element {
color: $shiffurple;
box-shadow: 0 0 0 2px rgba($shiffurple, 0.35);
}