Benannte Farbe · #845998
Purple Squid
Purple Squid ist #845998: rgb(132 89 152), hsl(281 26% 47%), oklch(0.535 0.107 314.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Purple mean? → · Purple Squid color name →
#845998
oklch(0.535 0.107 314.5)
Farbumrechnungen
- HEX
- #845998
- RGB
- rgb(132 89 152)
- HSL
- hsl(281 26% 47%)
- HWB
- hwb(281 35% 40%)
- OKLCH
- oklch(0.535 0.107 314.5)
- OKLab
- oklab(0.535 0.075 -0.076)
- CIE Lab
- lab(44.52 27.02 -27.65)
- LCH
- lch(44.52 38.65 314.3)
- CMYK
- cmyk(13% 41% 0% 40%)
Tints · Shades · Tones
Tints
- 9069A2
- 9C79AD
- A889B7
- B499C1
- C0AACC
- CDBAD6
- D9CBE0
- E6DCEA
- F2EEF5
Shades
- 724C84
- 604070
- 4F345C
- 3F284A
- 2F1D38
- 201327
- 120917
- 060308
- 010001
Tones
- 845D96
- 836294
- 836691
- 836A8F
- 826D8D
- 82718A
- 827588
- 817985
- 817C83
Farbharmonien
Komplementär +180°
- 845998
Purple Squid
- 527B37
≈ Luscious Lemongrass
Analog -30° +30°
- 845998
Purple Squid
- 6763A9
≈ Blue Iris
- 98527C
≈ Sea Fan Fuchsia
Triadisch +120° +240°
- 845998
Purple Squid
- 916312
≈ Tapenade
- 007D7D
≈ Parasailing
Geteilt komplementär +150° +210°
- 845998
Purple Squid
- 777013
≈ Bronze Yellow
- 16805D
≈ Spanish Viridian
Tetradisch +90° +180° +270°
- 845998
Purple Squid
- 9F5735
≈ Cinnamon Sparkle
- 527B37
≈ Luscious Lemongrass
- 007999
≈ Sea Sight
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.43:1 · APCA Lc 77
Ag
FailAuf Schwarz
WCAG 3.86:1 · APCA Lc 25
Beste Textfarbe: #FFFFFF
WCAG 5.43:1 (AA) · APCA Lc 77
Contrast pairs
Code-Snippets
CSS
:root {
--purple-squid: #845998;
--purple-squid-rgb: 132 89 152;
--purple-squid-oklch: oklch(0.535 0.107 314.5);
}
.element {
color: var(--purple-squid);
background-color: hsl(281 26% 47%);
border-color: oklch(0.535 0.107 314.5);
}Tailwind CSS v4
@theme {
--color-purple-squid: #845998;
--color-purple-squid-50: #ffecff;
--color-purple-squid-100: #f7deff;
--color-purple-squid-200: #e7c7f3;
--color-purple-squid-300: #cda7dc;
--color-purple-squid-400: #b68bca;
--color-purple-squid-500: #a06fb7;
--color-purple-squid-600: #875f9b;
--color-purple-squid-700: #6c4b7c;
--color-purple-squid-800: #4f375d;
--color-purple-squid-900: #372641;
--color-purple-squid-950: #22142a;
}SCSS
$purple-squid: #845998;
$purple-squid-rgb: 132, 89, 152;
$purple-squid-light: mix(#fff, $purple-squid, 20%);
$purple-squid-dark: mix(#000, $purple-squid, 20%);
.element {
color: $purple-squid;
box-shadow: 0 0 0 2px rgba($purple-squid, 0.35);
}