Benannte Farbe · #943589
Purple Excellency
Purple Excellency ist #943589: rgb(148 53 137), hsl(307 47% 39%), oklch(0.495 0.162 332.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Pink mean? → · Purple Excellency color name →
#943589
oklch(0.495 0.162 332.6)
Farbumrechnungen
- HEX
- #943589
- RGB
- rgb(148 53 137)
- HSL
- hsl(307 47% 39%)
- HWB
- hwb(307 21% 42%)
- OKLCH
- oklch(0.495 0.162 332.6)
- OKLab
- oklab(0.495 0.144 -0.075)
- CIE Lab
- lab(39 47.97 -26.94)
- LCH
- lch(39 55.02 330.7)
- CMYK
- cmyk(0% 64% 7% 42%)
Tints · Shades · Tones
Tints
- A04B95
- AB5FA0
- B773AC
- C287B8
- CD9AC4
- D7AED0
- E1C2DB
- EBD6E7
- F5EBF3
Shades
- 802D76
- 6D2564
- 5A1D53
- 481542
- 360E31
- 260822
- 160314
- 080107
- 010001
Tones
- 933F88
- 924888
- 905087
- 8F5886
- 8D5F86
- 8B6685
- 896D84
- 867382
- 837A81
Farbharmonien
Komplementär +180°
- 943589
Purple Excellency
- 00763C
≈ Succulents
Analog -30° +30°
- 943589
Purple Excellency
- 7544AC
≈ Shiner
- A62B5A
≈ Vivacious
Triadisch +120° +240°
- 943589
Purple Excellency
- 765F00
≈ Spicy Mustard
- 006E7F
≈ Coastal Jetty
Geteilt komplementär +150° +210°
- 943589
Purple Excellency
- 566C00
≈ Over the Hills
- 007266
≈ Pharaoh’s Gem
Tetradisch +90° +180° +270°
- 943589
Purple Excellency
- 8E5100
≈ Plain Old Brown
- 00763C
≈ Succulents
- 00689F
≈ LED Blue
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.71:1 · APCA Lc 82
Ag
FailAuf Schwarz
WCAG 3.12:1 · APCA Lc 20
Beste Textfarbe: #FFFFFF
WCAG 6.71:1 (AA) · APCA Lc 82
Contrast pairs
Code-Snippets
CSS
:root {
--purple-excellency: #943589;
--purple-excellency-rgb: 148 53 137;
--purple-excellency-oklch: oklch(0.495 0.162 332.6);
}
.element {
color: var(--purple-excellency);
background-color: hsl(307 47% 39%);
border-color: oklch(0.495 0.162 332.6);
}Tailwind CSS v4
@theme {
--color-purple-excellency: #943589;
--color-purple-excellency-50: #ffe4ff;
--color-purple-excellency-100: #ffd4fe;
--color-purple-excellency-200: #ffbaf0;
--color-purple-excellency-300: #ea97d9;
--color-purple-excellency-400: #d577c8;
--color-purple-excellency-500: #c255b4;
--color-purple-excellency-600: #a44998;
--color-purple-excellency-700: #833a7a;
--color-purple-excellency-800: #612a5c;
--color-purple-excellency-900: #441c40;
--color-purple-excellency-950: #2b0c29;
}SCSS
$purple-excellency: #943589;
$purple-excellency-rgb: 148, 53, 137;
$purple-excellency-light: mix(#fff, $purple-excellency, 20%);
$purple-excellency-dark: mix(#000, $purple-excellency, 20%);
.element {
color: $purple-excellency;
box-shadow: 0 0 0 2px rgba($purple-excellency, 0.35);
}