Benannte Farbe · #DD11FF
Pinkman
Pinkman ist #DD11FF: rgb(221 17 255), hsl(291 100% 53%), oklch(0.654 0.308 320.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Purple mean? → · Pinkman color name →
#DD11FF
oklch(0.654 0.308 320.5)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- E245FF
- E763FF
- EB7AFF
- EF90FF
- F3A4FF
- F6B7FF
- F9C9FF
- FBDBFF
- FDEDFF
Shades
- C00DDE
- A409BE
- 88069E
- 6E0480
- 550263
- 3D0148
- 26002E
- 110016
- 020003
Tones
- D434F3
- CC46E6
- C353DA
- BA5DCD
- B165C1
- A86CB4
- 9E72A7
- 94789A
- 8A7C8D
Farbharmonien
Komplementär +180°
- DD11FF
Pinkman
- 2EAD00
≈ Candy Grass
Analog -30° +30°
- DD11FF
Pinkman
- 9473FF
≈ Forgotten Purple
- FD00A6
≈ Ms. Pac-Man Kiss
Triadisch +120° +240°
- DD11FF
Pinkman
- BB8600
≈ Fig Mustard Yellow
- 00A4AC
≈ Aare River Brienz
Geteilt komplementär +150° +210°
- DD11FF
Pinkman
- 969700
≈ Turtle Moss
- 00A985
≈ Simply Green
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.75:1 · APCA Lc 63
Ag
AAAuf Schwarz
WCAG 5.59:1 · APCA Lc 39
Beste Textfarbe: #000000
WCAG 5.59:1 (AA) · APCA Lc 39
Contrast pairs
Code-Snippets
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);
}