Nächste benannte Farbe · #9D71CD
#9D71CD
Nächste benannte Farbe: Viola
#9D71CD (rgb(157 113 205), hsl(269 48% 62%), oklch(0.631 0.14 304.8)) liegt am nächsten an der benannten Farbe Viola. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#9D71CD
oklch(0.631 0.14 304.8)
Farbumrechnungen
- HEX
- #9d71cd
- RGB
- rgb(157 113 205)
- HSL
- hsl(269 48% 62%)
- HWB
- hwb(269 44% 20%)
- OKLCH
- oklch(0.631 0.14 304.8)
- OKLab
- oklab(0.631 0.08 -0.115)
- CIE Lab
- lab(55.11 31.51 -41.6)
- LCH
- lch(55.11 52.18 307.1)
- CMYK
- cmyk(23% 45% 0% 20%)
Tints · Shades · Tones
Tints
- A67FD3
- B08DD8
- B99CDE
- C3AAE3
- CDB8E8
- D7C6ED
- E1D4F2
- EBE2F6
- F5F1FB
Shades
- 8861B2
- 735298
- 5F437E
- 4C3566
- 3A274E
- 281A38
- 180E23
- 09040F
- 010102
Tones
- 9A73C5
- 9775BE
- 9477B6
- 9179AF
- 8E7AA7
- 8B7C9F
- 897D98
- 867E90
- 837F88
Farbharmonien
Komplementär +180°
- 9D71CD
Viola
- 769728
≈ Siskin Sprout
Analog -30° +30°
- 9D71CD
Viola
- 7180DD
≈ Tanzine
- BC65AB
≈ Young Purple
Triadisch +120° +240°
- 9D71CD
Viola
- C27405
≈ Dirty Orange
- 009F92
≈ On a Whim
Geteilt komplementär +150° +210°
- 9D71CD
Viola
- A28700
≈ Golden Palm
- 2BA162
≈ Biel-Tan Green
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.69:1 · APCA Lc 64
Ag
AAAuf Schwarz
WCAG 5.67:1 · APCA Lc 37
Beste Textfarbe: #000000
WCAG 5.67:1 (AA) · APCA Lc 37
Contrast pairs
Code-Snippets
CSS
:root {
--viola: #9d71cd;
--viola-rgb: 157 113 205;
--viola-oklch: oklch(0.631 0.14 304.8);
}
.element {
color: var(--viola);
background-color: hsl(269 48% 62%);
border-color: oklch(0.631 0.14 304.8);
}Tailwind CSS v4
@theme {
--color-viola: #9d71cd;
--color-viola-50: #ffebff;
--color-viola-100: #f4dcff;
--color-viola-200: #e4c5ff;
--color-viola-300: #caa4f0;
--color-viola-400: #b288e1;
--color-viola-500: #9c6ad0;
--color-viola-600: #845baf;
--color-viola-700: #69488d;
--color-viola-800: #4c356a;
--color-viola-900: #35244b;
--color-viola-950: #201231;
}SCSS
$viola: #9d71cd;
$viola-rgb: 157, 113, 205;
$viola-light: mix(#fff, $viola, 20%);
$viola-dark: mix(#000, $viola, 20%);
.element {
color: $viola;
box-shadow: 0 0 0 2px rgba($viola, 0.35);
}