Benoemde kleur · #DD11FF
Pinkman
Pinkman is #DD11FF: rgb(221 17 255), hsl(291 100% 53%), oklch(0.654 0.308 320.5). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Purple mean? → · Pinkman color name →
#DD11FF
oklch(0.654 0.308 320.5)
Kleurconversies
- 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%)
Tinten · Schaduwen · Tonen
Tinten
- E245FF
- E763FF
- EB7AFF
- EF90FF
- F3A4FF
- F6B7FF
- F9C9FF
- FBDBFF
- FDEDFF
Schaduwen
- C00DDE
- A409BE
- 88069E
- 6E0480
- 550263
- 3D0148
- 26002E
- 110016
- 020003
Tonen
- D434F3
- CC46E6
- C353DA
- BA5DCD
- B165C1
- A86CB4
- 9E72A7
- 94789A
- 8A7C8D
Kleurharmonieën
Complementair +180°
- DD11FF
Pinkman
- 2EAD00
≈ Candy Grass
Analoog -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
Gesplitst complementair +150° +210°
- DD11FF
Pinkman
- 969700
≈ Turtle Moss
- 00A985
≈ Simply Green
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 3.75:1 · APCA Lc 63
Ag
AAOp zwart
WCAG 5.59:1 · APCA Lc 39
Beste tekstkleur: #000000
WCAG 5.59:1 (AA) · APCA Lc 39
Contrast pairs
Codefragmenten
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);
}