이름 색상 · #DC41F1
Apple II Magenta
Apple II Magenta은(는) #DC41F1: rgb(220 65 241), hsl(293 86% 60%), oklch(0.668 0.267 322.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Purple mean? → · Apple II Magenta color name →
#DC41F1
oklch(0.668 0.267 322.6)
색상 변환
- HEX
- #dc41f1
- RGB
- rgb(220 65 241)
- HSL
- hsl(293 86% 60%)
- HWB
- hwb(293 25% 5%)
- OKLCH
- oklch(0.668 0.267 322.6)
- OKLab
- oklab(0.668 0.212 -0.162)
- CIE Lab
- lab(57.12 75.03 -58)
- LCH
- lch(57.12 94.83 322.3)
- CMYK
- cmyk(9% 73% 0% 5%)
틴트 · 셰이드 · 톤
틴트
- E15CF4
- E672F6
- EA86F8
- EE99FA
- F2ABFB
- F5BCFD
- F8CDFE
- FBDEFE
- FDEEFF
셰이드
- BF37D2
- A32EB3
- 882595
- 6E1C79
- 54135D
- 3C0B43
- 26052B
- 110114
- 020003
톤
- D34EE6
- CB58DB
- C260D0
- B967C4
- B06DB9
- A772AE
- 9E76A3
- 947A97
- 8A7D8C
색 조화
보색 +180°
- DC41F1
Apple II Magenta
- 00B405
≈ Bubble Bobble Green
유사색 -30° +30°
- DC41F1
Apple II Magenta
- 9B77FF
≈ Forgotten Purple
- FF28A3
≈ Persian Rose
삼각 배색 +120° +240°
- DC41F1
Apple II Magenta
- BE8B00
≈ Kenyan Sand
- 00A9B3
≈ Exotic Sea
분열 보색 +150° +210°
- DC41F1
Apple II Magenta
- 979D00
≈ Papyrus
- 00AE8C
≈ Hobgoblin
사각 배색 +90° +180° +270°
- DC41F1
Apple II Magenta
- E27000
≈ Accent Orange
- 00B405
≈ Bubble Bobble Green
- 00A1DA
≈ Vanadyl Blue
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.45:1 · APCA Lc 61
Ag
AA검은색 위
WCAG 6.06:1 · APCA Lc 41
가장 좋은 글자색: #000000
WCAG 6.06:1 (AA) · APCA Lc 41
Contrast pairs
코드 스니펫
CSS
:root {
--apple-ii-magenta: #dc41f1;
--apple-ii-magenta-rgb: 220 65 241;
--apple-ii-magenta-oklch: oklch(0.668 0.267 322.6);
}
.element {
color: var(--apple-ii-magenta);
background-color: hsl(293 86% 60%);
border-color: oklch(0.668 0.267 322.6);
}Tailwind CSS v4
@theme {
--color-apple-ii-magenta: #dc41f1;
--color-apple-ii-magenta-50: #ffdbff;
--color-apple-ii-magenta-100: #ffc9ff;
--color-apple-ii-magenta-200: #ffaaff;
--color-apple-ii-magenta-300: #f880ff;
--color-apple-ii-magenta-400: #e455f8;
--color-apple-ii-magenta-500: #d200e9;
--color-apple-ii-magenta-600: #b10fc5;
--color-apple-ii-magenta-700: #8e0f9e;
--color-apple-ii-magenta-800: #680a79;
--color-apple-ii-magenta-900: #490755;
--color-apple-ii-magenta-950: #300039;
}SCSS
$apple-ii-magenta: #dc41f1;
$apple-ii-magenta-rgb: 220, 65, 241;
$apple-ii-magenta-light: mix(#fff, $apple-ii-magenta, 20%);
$apple-ii-magenta-dark: mix(#000, $apple-ii-magenta, 20%);
.element {
color: $apple-ii-magenta;
box-shadow: 0 0 0 2px rgba($apple-ii-magenta, 0.35);
}