Benannte Farbe · #903F75
Purple Peril
Purple Peril ist #903F75: rgb(144 63 117), hsl(320 39% 41%), oklch(0.492 0.128 342.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Pink mean? → · Purple Peril color name →
#903F75
oklch(0.492 0.128 342.2)
Farbumrechnungen
- HEX
- #903f75
- RGB
- rgb(144 63 117)
- HSL
- hsl(320 39% 41%)
- HWB
- hwb(320 25% 44%)
- OKLCH
- oklch(0.492 0.128 342.2)
- OKLab
- oklab(0.492 0.122 -0.039)
- CIE Lab
- lab(39.32 39.81 -14.21)
- LCH
- lch(39.32 42.27 340.4)
- CMYK
- cmyk(0% 56% 19% 44%)
Tints · Shades · Tones
Tints
- 9C5282
- A8658F
- B4789D
- BF8AAA
- CA9DB8
- D5B0C6
- E0C4D4
- EAD7E2
- F5EBF1
Shades
- 7D3565
- 6A2C55
- 572346
- 451B37
- 341229
- 240A1C
- 15040F
- 070105
- 010001
Tones
- 8F4776
- 8F4E77
- 8E5579
- 8C5B7A
- 8B627B
- 89687C
- 876E7D
- 85747E
- 837A7F
Farbharmonien
Komplementär +180°
- 903F75
Purple Peril
- 00734E
≈ Lush Meadow
Analog -30° +30°
- 903F75
Purple Peril
- 794895
≈ Purple Sapphire
- 9C3C4D
≈ Egyptian Red
Triadisch +120° +240°
- 903F75
Purple Peril
- 6D6200
≈ Green Brown
- 006C86
≈ Arabian Nights
Geteilt komplementär +150° +210°
- 903F75
Purple Peril
- 446F12
≈ Forest Empress
- 00706E
≈ Pine Scented Lagoon
Tetradisch +90° +180° +270°
- 903F75
Purple Peril
- 855500
≈ Spear Shaft
- 00734E
≈ Lush Meadow
- 1E63A7
≈ Nebulas Blue
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.65:1 · APCA Lc 82
Ag
FailAuf Schwarz
WCAG 3.15:1 · APCA Lc 20
Beste Textfarbe: #FFFFFF
WCAG 6.65:1 (AA) · APCA Lc 82
Contrast pairs
Code-Snippets
CSS
:root {
--purple-peril: #903f75;
--purple-peril-rgb: 144 63 117;
--purple-peril-oklch: oklch(0.492 0.128 342.2);
}
.element {
color: var(--purple-peril);
background-color: hsl(320 39% 41%);
border-color: oklch(0.492 0.128 342.2);
}Tailwind CSS v4
@theme {
--color-purple-peril: #903f75;
--color-purple-peril-50: #ffe7fe;
--color-purple-peril-100: #ffd8f2;
--color-purple-peril-200: #fdbfe2;
--color-purple-peril-300: #e69dc7;
--color-purple-peril-400: #d27fb3;
--color-purple-peril-500: #be609d;
--color-purple-peril-600: #a05285;
--color-purple-peril-700: #81416b;
--color-purple-peril-800: #5f2f50;
--color-purple-peril-900: #432038;
--color-purple-peril-950: #2b0f22;
}SCSS
$purple-peril: #903f75;
$purple-peril-rgb: 144, 63, 117;
$purple-peril-light: mix(#fff, $purple-peril, 20%);
$purple-peril-dark: mix(#000, $purple-peril, 20%);
.element {
color: $purple-peril;
box-shadow: 0 0 0 2px rgba($purple-peril, 0.35);
}