이름 색상 · #BC13FE
Neon Purple
Neon Purple은(는) #BC13FE: rgb(188 19 254), hsl(283 99% 54%), oklch(0.608 0.297 312.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Purple mean? → · Neon Purple color name →
#BC13FE
oklch(0.608 0.297 312.1)
색상 변환
- HEX
- #bc13fe
- RGB
- rgb(188 19 254)
- HSL
- hsl(283 99% 54%)
- HWB
- hwb(283 7% 0%)
- OKLCH
- oklch(0.608 0.297 312.1)
- OKLab
- oklab(0.608 0.199 -0.221)
- CIE Lab
- lab(49.09 80.68 -78.49)
- LCH
- lch(49.09 112.56 315.8)
- CMYK
- cmyk(26% 93% 0% 0%)
틴트 · 셰이드 · 톤
틴트
- C344FF
- CA60FF
- D178FF
- D88DFF
- DFA2FF
- E6B5FF
- ECC8FF
- F3DAFF
- F9EDFF
셰이드
- A30FDD
- 8B0BBD
- 73079E
- 5D0580
- 470363
- 320147
- 1F012D
- 0D0016
- 020003
톤
- B633F2
- B144E6
- AB51D9
- A55BCD
- 9F64C1
- 996BB4
- 9371A8
- 8D779B
- 867C8E
색 조화
보색 +180°
- BC13FE
Neon Purple
- 5A9600
≈ Gecko’s Dream
유사색 -30° +30°
- BC13FE
Neon Purple
- 7566FF
≈ Blue Genie
- E000AD
≈ Aphroditean Fuchsia
삼각 배색 +120° +240°
- BC13FE
Neon Purple
- B27400
≈ Philippine Gold
- 009693
≈ Intermezzo
분열 보색 +150° +210°
- BC13FE
Neon Purple
- 928400
≈ Thicket Green
- 009B6A
≈ Prairie
사각 배색 +90° +180° +270°
- BC13FE
Neon Purple
- D85100
≈ Deep Orange
- 5A9600
≈ Gecko’s Dream
- 0091B3
≈ Cool Tide
대비 및 접근성
Ag
AA흰색 위
WCAG 4.50:1 · APCA Lc 69
Ag
AA검은색 위
WCAG 4.66:1 · APCA Lc 33
가장 좋은 글자색: #000000
WCAG 4.66:1 (AA) · APCA Lc 33
Contrast pairs
코드 스니펫
CSS
:root {
--neon-purple: #bc13fe;
--neon-purple-rgb: 188 19 254;
--neon-purple-oklch: oklch(0.608 0.297 312.1);
}
.element {
color: var(--neon-purple);
background-color: hsl(283 99% 54%);
border-color: oklch(0.608 0.297 312.1);
}Tailwind CSS v4
@theme {
--color-neon-purple: #bc13fe;
--color-neon-purple-50: #ffdcff;
--color-neon-purple-100: #ffc9ff;
--color-neon-purple-200: #ffaaff;
--color-neon-purple-300: #ed7eff;
--color-neon-purple-400: #d750ff;
--color-neon-purple-500: #c500ff;
--color-neon-purple-600: #a700e4;
--color-neon-purple-700: #8600b7;
--color-neon-purple-800: #61008c;
--color-neon-purple-900: #440263;
--color-neon-purple-950: #2c0044;
}SCSS
$neon-purple: #bc13fe;
$neon-purple-rgb: 188, 19, 254;
$neon-purple-light: mix(#fff, $neon-purple, 20%);
$neon-purple-dark: mix(#000, $neon-purple, 20%);
.element {
color: $neon-purple;
box-shadow: 0 0 0 2px rgba($neon-purple, 0.35);
}