Benannte Farbe · #81459E
Purple Pleasures
Purple Pleasures ist #81459E: rgb(129 69 158), hsl(280 39% 45%), oklch(0.502 0.147 313.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Purple mean? → · Purple Pleasures color name →
#81459E
oklch(0.502 0.147 313.4)
Farbumrechnungen
- HEX
- #81459e
- RGB
- rgb(129 69 158)
- HSL
- hsl(280 39% 45%)
- HWB
- hwb(280 27% 38%)
- OKLCH
- oklch(0.502 0.147 313.4)
- OKLab
- oklab(0.502 0.101 -0.107)
- CIE Lab
- lab(39.95 37.84 -38.39)
- LCH
- lch(39.95 53.9 314.6)
- CMYK
- cmyk(18% 56% 0% 38%)
Tints · Shades · Tones
Tints
- 8D58A8
- 9A6AB2
- A67CBC
- B38FC6
- BFA1D0
- CCB3D9
- D8C6E3
- E5D9EC
- F2ECF6
Shades
- 6F3B89
- 5E3174
- 4E2760
- 3E1E4D
- 2E153A
- 1F0C29
- 120518
- 060209
- 010001
Tones
- 814C9B
- 815399
- 815996
- 815F93
- 816591
- 816B8E
- 81708A
- 817687
- 807B84
Farbharmonien
Komplementär +180°
- 81459E
Purple Pleasures
- 407400
≈ Tropicana
Analog -30° +30°
- 81459E
Purple Pleasures
- 5B54B4
≈ Brandywine Raspberry
- 9A3A79
≈ Purple Wine
Triadisch +120° +240°
- 81459E
Purple Pleasures
- 885900
≈ Soil of Avagddu
- 007372
≈ Reef
Geteilt komplementär +150° +210°
- 81459E
Purple Pleasures
- 6F6600
≈ Spicy Mustard
- 007652
≈ Victoria Peak
Tetradisch +90° +180° +270°
- 81459E
Purple Pleasures
- A53F00
≈ Rust
- 407400
≈ Tropicana
- 006F8B
≈ Teal Tune
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.40:1 · APCA Lc 81
Ag
FailAuf Schwarz
WCAG 3.27:1 · APCA Lc 20
Beste Textfarbe: #FFFFFF
WCAG 6.40:1 (AA) · APCA Lc 81
Contrast pairs
Code-Snippets
CSS
:root {
--purple-pleasures: #81459e;
--purple-pleasures-rgb: 129 69 158;
--purple-pleasures-oklch: oklch(0.502 0.147 313.4);
}
.element {
color: var(--purple-pleasures);
background-color: hsl(280 39% 45%);
border-color: oklch(0.502 0.147 313.4);
}Tailwind CSS v4
@theme {
--color-purple-pleasures: #81459e;
--color-purple-pleasures-50: #ffe9ff;
--color-purple-pleasures-100: #fbdaff;
--color-purple-pleasures-200: #edc1ff;
--color-purple-pleasures-300: #d4a0eb;
--color-purple-pleasures-400: #bd83db;
--color-purple-pleasures-500: #a864ca;
--color-purple-pleasures-600: #8e55aa;
--color-purple-pleasures-700: #724489;
--color-purple-pleasures-800: #533167;
--color-purple-pleasures-900: #3a2248;
--color-purple-pleasures-950: #24102f;
}SCSS
$purple-pleasures: #81459e;
$purple-pleasures-rgb: 129, 69, 158;
$purple-pleasures-light: mix(#fff, $purple-pleasures, 20%);
$purple-pleasures-dark: mix(#000, $purple-pleasures, 20%);
.element {
color: $purple-pleasures;
box-shadow: 0 0 0 2px rgba($purple-pleasures, 0.35);
}