이름 색상 · #DD11FF
Pinkman
Pinkman은(는) #DD11FF: rgb(221 17 255), hsl(291 100% 53%), oklch(0.654 0.308 320.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Purple mean? → · Pinkman color name →
#DD11FF
oklch(0.654 0.308 320.5)
색상 변환
- HEX
- #dd11ff
- RGB
- rgb(221 17 255)
- HSL
- hsl(291 100% 53%)
- HWB
- hwb(291 7% 0%)
- OKLCH
- oklch(0.654 0.308 320.5)
- OKLab
- oklab(0.654 0.238 -0.196)
- CIE Lab
- lab(54.61 86.49 -69.8)
- LCH
- lch(54.61 111.14 321.1)
- CMYK
- cmyk(13% 93% 0% 0%)
틴트 · 셰이드 · 톤
틴트
- E245FF
- E763FF
- EB7AFF
- EF90FF
- F3A4FF
- F6B7FF
- F9C9FF
- FBDBFF
- FDEDFF
셰이드
- C00DDE
- A409BE
- 88069E
- 6E0480
- 550263
- 3D0148
- 26002E
- 110016
- 020003
톤
- D434F3
- CC46E6
- C353DA
- BA5DCD
- B165C1
- A86CB4
- 9E72A7
- 94789A
- 8A7C8D
색 조화
보색 +180°
- DD11FF
Pinkman
- 2EAD00
≈ Candy Grass
유사색 -30° +30°
- DD11FF
Pinkman
- 9473FF
≈ Forgotten Purple
- FD00A6
≈ Ms. Pac-Man Kiss
삼각 배색 +120° +240°
- DD11FF
Pinkman
- BB8600
≈ Fig Mustard Yellow
- 00A4AC
≈ Aare River Brienz
분열 보색 +150° +210°
- DD11FF
Pinkman
- 969700
≈ Turtle Moss
- 00A985
≈ Simply Green
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.75:1 · APCA Lc 63
Ag
AA검은색 위
WCAG 5.59:1 · APCA Lc 39
가장 좋은 글자색: #000000
WCAG 5.59:1 (AA) · APCA Lc 39
Contrast pairs
코드 스니펫
CSS
:root {
--pinkman: #dd11ff;
--pinkman-rgb: 221 17 255;
--pinkman-oklch: oklch(0.654 0.308 320.5);
}
.element {
color: var(--pinkman);
background-color: hsl(291 100% 53%);
border-color: oklch(0.654 0.308 320.5);
}Tailwind CSS v4
@theme {
--color-pinkman: #dd11ff;
--color-pinkman-50: #ffd7ff;
--color-pinkman-100: #ffc4ff;
--color-pinkman-200: #ffa3ff;
--color-pinkman-300: #fe74ff;
--color-pinkman-400: #e940ff;
--color-pinkman-500: #d800fd;
--color-pinkman-600: #b600d6;
--color-pinkman-700: #9200ac;
--color-pinkman-800: #6b0084;
--color-pinkman-900: #4b005d;
--color-pinkman-950: #320040;
}SCSS
$pinkman: #dd11ff;
$pinkman-rgb: 221, 17, 255;
$pinkman-light: mix(#fff, $pinkman, 20%);
$pinkman-dark: mix(#000, $pinkman, 20%);
.element {
color: $pinkman;
box-shadow: 0 0 0 2px rgba($pinkman, 0.35);
}