Nächste benannte Farbe · #933F8D
#933F8D
Nächste benannte Farbe: Purple Excellency
#933F8D (rgb(147 63 141), hsl(304 40% 41%), oklch(0.508 0.15 330.3)) liegt am nächsten an der benannten Farbe Purple Excellency. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#933F8D
oklch(0.508 0.15 330.3)
Farbumrechnungen
- HEX
- #933f8d
- RGB
- rgb(147 63 141)
- HSL
- hsl(304 40% 41%)
- HWB
- hwb(304 25% 42%)
- OKLCH
- oklch(0.508 0.15 330.3)
- OKLab
- oklab(0.508 0.13 -0.074)
- CIE Lab
- lab(40.69 43.77 -26.78)
- LCH
- lch(40.69 51.31 328.5)
- CMYK
- cmyk(0% 57% 4% 42%)
Tints · Shades · Tones
Tints
- 9F5398
- AA66A4
- B579AF
- C08BBA
- CB9EC6
- D6B1D1
- E0C4DD
- EBD8E8
- F5EBF4
Shades
- 7F357A
- 6C2C67
- 592355
- 471B44
- 361233
- 250A23
- 160414
- 080107
- 010001
Tones
- 92478C
- 914E8B
- 8F558A
- 8E5C89
- 8C6387
- 8A6986
- 886F85
- 867583
- 837A82
Farbharmonien
Komplementär +180°
- 933F8D
Purple Excellency
- 007A37
≈ Jordan Jazz
Analog -30° +30°
- 933F8D
Purple Excellency
- 744CAD
≈ Royal Lavender
- A53761
≈ Valentine’s Day
Triadisch +120° +240°
- 933F8D
Purple Excellency
- 7C6200
≈ Ground Earth
- 007381
≈ Deep Current
Geteilt komplementär +150° +210°
- 933F8D
Purple Excellency
- 5D6F00
≈ Brownish Green
- 007668
≈ Hawk Turquoise
Tetradisch +90° +180° +270°
- 933F8D
Purple Excellency
- 955200
≈ Mochaccino
- 007A37
≈ Jordan Jazz
- 006CA1
≈ Jazz Blue
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.29:1 · APCA Lc 81
Ag
FailAuf Schwarz
WCAG 3.33:1 · APCA Lc 21
Beste Textfarbe: #FFFFFF
WCAG 6.29:1 (AA) · APCA Lc 81
Contrast pairs
Code-Snippets
CSS
:root {
--purple-excellency: #933f8d;
--purple-excellency-rgb: 147 63 141;
--purple-excellency-oklch: oklch(0.508 0.15 330.3);
}
.element {
color: var(--purple-excellency);
background-color: hsl(304 40% 41%);
border-color: oklch(0.508 0.15 330.3);
}Tailwind CSS v4
@theme {
--color-purple-excellency: #933f8d;
--color-purple-excellency-50: #ffe6ff;
--color-purple-excellency-100: #ffd6fe;
--color-purple-excellency-200: #fbbdf1;
--color-purple-excellency-300: #e59ad9;
--color-purple-excellency-400: #cf7bc8;
--color-purple-excellency-500: #bb5cb4;
--color-purple-excellency-600: #9e4e98;
--color-purple-excellency-700: #7f3e7a;
--color-purple-excellency-800: #5d2d5c;
--color-purple-excellency-900: #411e40;
--color-purple-excellency-950: #2a0e29;
}SCSS
$purple-excellency: #933f8d;
$purple-excellency-rgb: 147, 63, 141;
$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);
}