Benannte Farbe · #36013F
Deep Purple
Deep Purple ist #36013F: rgb(54 1 63), hsl(291 97% 13%), oklch(0.242 0.113 321.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Purple mean? → · Deep Purple color name →
#36013F
oklch(0.242 0.113 321.1)
Farbumrechnungen
- HEX
- #36013f
- RGB
- rgb(54 1 63)
- HSL
- hsl(291 97% 13%)
- HWB
- hwb(291 0% 75%)
- OKLCH
- oklch(0.242 0.113 321.1)
- OKLab
- oklab(0.242 0.088 -0.071)
- CIE Lab
- lab(10.14 31.92 -25.37)
- LCH
- lch(10.14 40.78 321.5)
- CMYK
- cmyk(14% 98% 0% 75%)
Tints · Shades · Tones
Tints
- 491C51
- 5C3463
- 6F4B76
- 836388
- 977C9B
- AB95AF
- BFAEC2
- D4C9D6
- EAE4EB
Shades
- 2E0135
- 25012C
- 1E0023
- 16001B
- 0F0012
- 08000A
- 030004
- 010001
- 000000
Tones
- 3E1146
- 451F4C
- 4D2B53
- 54375A
- 5C4360
- 634F67
- 6A5B6D
- 726773
- 79747A
Farbharmonien
Komplementär +180°
- 36013F
Deep Purple
- 032800
≈ Zia Olive
Analog -30° +30°
- 36013F
Deep Purple
- 230C50
≈ Indigo Sloth
- 3F0025
≈ Dark Sanctuary
Triadisch +120° +240°
- 36013F
Deep Purple
- 2C1D00
≈ Powdered Cocoa
- 002528
≈ Teal Spill
Geteilt komplementär +150° +210°
- 36013F
Deep Purple
- 212200
≈ Liquorice Root
- 00271D
≈ Deep Slate Green
Tetradisch +90° +180° +270°
- 36013F
Deep Purple
- 361500
≈ American Bronze
- 032800
≈ Zia Olive
- 002333
≈ Midnight Dreams
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 17.03:1 · APCA Lc 103
Ag
FailAuf Schwarz
WCAG 1.23:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 17.03:1 (AAA) · APCA Lc 103
Contrast pairs
Code-Snippets
CSS
:root {
--deep-purple: #36013f;
--deep-purple-rgb: 54 1 63;
--deep-purple-oklch: oklch(0.242 0.113 321.1);
}
.element {
color: var(--deep-purple);
background-color: hsl(291 97% 13%);
border-color: oklch(0.242 0.113 321.1);
}Tailwind CSS v4
@theme {
--color-deep-purple: #36013f;
--color-deep-purple-50: #ffebff;
--color-deep-purple-100: #fbdcfe;
--color-deep-purple-200: #edc5f1;
--color-deep-purple-300: #d4a4d9;
--color-deep-purple-400: #bd88c7;
--color-deep-purple-500: #a86bb3;
--color-deep-purple-600: #8e5b97;
--color-deep-purple-700: #72497a;
--color-deep-purple-800: #53355b;
--color-deep-purple-900: #3a2440;
--color-deep-purple-950: #241329;
}SCSS
$deep-purple: #36013f;
$deep-purple-rgb: 54, 1, 63;
$deep-purple-light: mix(#fff, $deep-purple, 20%);
$deep-purple-dark: mix(#000, $deep-purple, 20%);
.element {
color: $deep-purple;
box-shadow: 0 0 0 2px rgba($deep-purple, 0.35);
}