이름 색상 · #7F01FE
Poisoning Purple
Poisoning Purple은(는) #7F01FE: rgb(127 1 254), hsl(270 99% 50%), oklch(0.529 0.292 293.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Purple mean? → · Poisoning Purple color name →
#7F01FE
oklch(0.529 0.292 293.8)
색상 변환
- HEX
- #7f01fe
- RGB
- rgb(127 1 254)
- HSL
- hsl(270 99% 50%)
- HWB
- hwb(270 0% 0%)
- OKLCH
- oklch(0.529 0.292 293.8)
- OKLab
- oklab(0.529 0.118 -0.267)
- CIE Lab
- lab(39.16 74.32 -95.19)
- LCH
- lch(39.16 120.77 308)
- CMYK
- cmyk(50% 100% 0% 0%)
틴트 · 셰이드 · 톤
틴트
- 893FFF
- 935CFF
- 9F74FF
- AB8AFF
- B89FFF
- C5B3FF
- D3C6FF
- E1D9FF
- F0ECFF
셰이드
- 6E01DD
- 5D01BD
- 4C009E
- 3C0080
- 2D0063
- 1F0047
- 11002D
- 060016
- 010003
톤
- 7E2DF2
- 7D40E6
- 7C4DDA
- 7C58CE
- 7C61C2
- 7C69B6
- 7C70A9
- 7D769C
- 7F7B8E
색 조화
보색 +180°
- 7F01FE
Poisoning Purple
- 6B7200
≈ Spinach Soup
유사색 -30° +30°
- 7F01FE
Poisoning Purple
- 1151FF
≈ Blue et une Nuit
- AA00BA
≈ Heliotrope Magenta
삼각 배색 +120° +240°
- 7F01FE
Poisoning Purple
- A45100
≈ Windsor Brown
- 007E67
≈ Generic Viridian
분열 보색 +150° +210°
- 7F01FE
Poisoning Purple
- 896500
≈ Alligator
- 008316
≈ Office Green
사각 배색 +90° +180° +270°
- 7F01FE
Poisoning Purple
- CA0026
≈ Rare Rhubarb
- 6B7200
≈ Spinach Soup
- 007A83
≈ Mediterranean Cove
대비 및 접근성
Ag
AA흰색 위
WCAG 6.29:1 · APCA Lc 79
Ag
Fail검은색 위
WCAG 3.33:1 · APCA Lc 23
가장 좋은 글자색: #FFFFFF
WCAG 6.29:1 (AA) · APCA Lc 79
Contrast pairs
코드 스니펫
CSS
:root {
--poisoning-purple: #7f01fe;
--poisoning-purple-rgb: 127 1 254;
--poisoning-purple-oklch: oklch(0.529 0.292 293.8);
}
.element {
color: var(--poisoning-purple);
background-color: hsl(270 99% 50%);
border-color: oklch(0.529 0.292 293.8);
}Tailwind CSS v4
@theme {
--color-poisoning-purple: #7f01fe;
--color-poisoning-purple-50: #fce4ff;
--color-poisoning-purple-100: #f0d3ff;
--color-poisoning-purple-200: #e0b7ff;
--color-poisoning-purple-300: #c78fff;
--color-poisoning-purple-400: #ae67ff;
--color-poisoning-purple-500: #9c2aff;
--color-poisoning-purple-600: #8329ff;
--color-poisoning-purple-700: #6922cd;
--color-poisoning-purple-800: #4b189c;
--color-poisoning-purple-900: #34116f;
--color-poisoning-purple-950: #20004d;
}SCSS
$poisoning-purple: #7f01fe;
$poisoning-purple-rgb: 127, 1, 254;
$poisoning-purple-light: mix(#fff, $poisoning-purple, 20%);
$poisoning-purple-dark: mix(#000, $poisoning-purple, 20%);
.element {
color: $poisoning-purple;
box-shadow: 0 0 0 2px rgba($poisoning-purple, 0.35);
}