이름 색상 · #9F00C5
Foxy Fuchsia
Foxy Fuchsia은(는) #9F00C5: rgb(159 0 197), hsl(288 100% 39%), oklch(0.52 0.253 317). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Purple mean? → · Foxy Fuchsia color name →
#9F00C5
oklch(0.52 0.253 317)
색상 변환
- HEX
- #9f00c5
- RGB
- rgb(159 0 197)
- HSL
- hsl(288 100% 39%)
- HWB
- hwb(288 0% 23%)
- OKLCH
- oklch(0.52 0.253 317)
- OKLab
- oklab(0.52 0.185 -0.173)
- CIE Lab
- lab(39.75 70.28 -61.46)
- LCH
- lch(39.75 93.36 318.8)
- CMYK
- cmyk(19% 100% 0% 23%)
틴트 · 셰이드 · 톤
틴트
- AA37CC
- B453D3
- BE6BDA
- C881E0
- D197E6
- DBACEC
- E4C1F1
- EDD5F6
- F6EAFB
셰이드
- 8A00AB
- 750092
- 610079
- 4D0061
- 3B004B
- 290035
- 180021
- 09000E
- 010002
톤
- 9D27BF
- 9A38B9
- 9846B2
- 9551AC
- 925AA5
- 8F639E
- 8B6B97
- 887290
- 847988
색 조화
보색 +180°
- 9F00C5
Foxy Fuchsia
- 357C00
≈ Tree Green
유사색 -30° +30°
- 9F00C5
Foxy Fuchsia
- 6A34EE
≈ Almost Royal
- B80080
≈ Vibrant Velvet
삼각 배색 +120° +240°
- 9F00C5
Foxy Fuchsia
- 8B5F00
≈ Rat Brown
- 00787A
≈ Prismarine
분열 보색 +150° +210°
- 9F00C5
Foxy Fuchsia
- 716C00
≈ Worn Olive
- 007C5C
≈ Sharp Green
사각 배색 +90° +180° +270°
- 9F00C5
Foxy Fuchsia
- A84800
≈ Pepperoni
- 357C00
≈ Tree Green
- 007395
≈ Enchanted Blue
대비 및 접근성
Ag
AA흰색 위
WCAG 6.40:1 · APCA Lc 79
Ag
Fail검은색 위
WCAG 3.28:1 · APCA Lc 22
가장 좋은 글자색: #FFFFFF
WCAG 6.40:1 (AA) · APCA Lc 79
Contrast pairs
코드 스니펫
CSS
:root {
--foxy-fuchsia: #9f00c5;
--foxy-fuchsia-rgb: 159 0 197;
--foxy-fuchsia-oklch: oklch(0.52 0.253 317);
}
.element {
color: var(--foxy-fuchsia);
background-color: hsl(288 100% 39%);
border-color: oklch(0.52 0.253 317);
}Tailwind CSS v4
@theme {
--color-foxy-fuchsia: #9f00c5;
--color-foxy-fuchsia-50: #ffdeff;
--color-foxy-fuchsia-100: #ffcdff;
--color-foxy-fuchsia-200: #ffafff;
--color-foxy-fuchsia-300: #ed87ff;
--color-foxy-fuchsia-400: #d860fe;
--color-foxy-fuchsia-500: #c529f1;
--color-foxy-fuchsia-600: #a627cb;
--color-foxy-fuchsia-700: #8620a3;
--color-foxy-fuchsia-800: #61167c;
--color-foxy-fuchsia-900: #440f58;
--color-foxy-fuchsia-950: #2c003b;
}SCSS
$foxy-fuchsia: #9f00c5;
$foxy-fuchsia-rgb: 159, 0, 197;
$foxy-fuchsia-light: mix(#fff, $foxy-fuchsia, 20%);
$foxy-fuchsia-dark: mix(#000, $foxy-fuchsia, 20%);
.element {
color: $foxy-fuchsia;
box-shadow: 0 0 0 2px rgba($foxy-fuchsia, 0.35);
}