Nächste benannte Farbe · #9B509B
#9B509B
Nächste benannte Farbe: Vicious Violet
#9B509B (rgb(155 80 155), hsl(300 32% 46%), oklch(0.55 0.14 327.3)) liegt am nächsten an der benannten Farbe Vicious Violet. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#9B509B
oklch(0.55 0.14 327.3)
Farbumrechnungen
- HEX
- #9b509b
- RGB
- rgb(155 80 155)
- HSL
- hsl(300 32% 46%)
- HWB
- hwb(300 31% 39%)
- OKLCH
- oklch(0.55 0.14 327.3)
- OKLab
- oklab(0.55 0.117 -0.076)
- CIE Lab
- lab(45.68 40.01 -27.35)
- LCH
- lch(45.68 48.46 325.6)
- CMYK
- cmyk(0% 48% 0% 39%)
Tints · Shades · Tones
Tints
- A662A5
- B073AF
- BA84B9
- C495C3
- CEA7CD
- D8B8D7
- E2C9E1
- ECDBEB
- F5EDF5
Shades
- 864486
- 723972
- 5E2E5E
- 4B244B
- 391A39
- 281028
- 180718
- 090209
- 010001
Tones
- 995699
- 975B96
- 946094
- 926591
- 8F6A8E
- 8D6F8C
- 8A7389
- 877886
- 837C83
Farbharmonien
Komplementär +180°
- 9B509B
Vicious Violet
- 29863D
≈ Rich Green
Analog -30° +30°
- 9B509B
Vicious Violet
- 7B5CB8
≈ Fuchsia Blue
- AF4972
≈ Irresistible
Triadisch +120° +240°
- 9B509B
Vicious Violet
- 8D6C00
≈ Muddy Brown
- 00808D
≈ Briny
Geteilt komplementär +150° +210°
- 9B509B
Vicious Violet
- 6D7A00
≈ Murky Green
- 008471
≈ Summer Turquoise
Tetradisch +90° +180° +270°
- 9B509B
Vicious Violet
- A95900
≈ Tijolo
- 29863D
≈ Rich Green
- 007AAF
≈ Nice Blue
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.23:1 · APCA Lc 76
Ag
FailAuf Schwarz
WCAG 4.01:1 · APCA Lc 26
Beste Textfarbe: #FFFFFF
WCAG 5.23:1 (AA) · APCA Lc 76
Contrast pairs
Code-Snippets
CSS
:root {
--vicious-violet: #9b509b;
--vicious-violet-rgb: 155 80 155;
--vicious-violet-oklch: oklch(0.55 0.14 327.3);
}
.element {
color: var(--vicious-violet);
background-color: hsl(300 32% 46%);
border-color: oklch(0.55 0.14 327.3);
}Tailwind CSS v4
@theme {
--color-vicious-violet: #9b509b;
--color-vicious-violet-50: #ffe8ff;
--color-vicious-violet-100: #ffd8ff;
--color-vicious-violet-200: #f6bff2;
--color-vicious-violet-300: #df9dda;
--color-vicious-violet-400: #ca7fc9;
--color-vicious-violet-500: #b561b5;
--color-vicious-violet-600: #995299;
--color-vicious-violet-700: #7b427b;
--color-vicious-violet-800: #5a2f5c;
--color-vicious-violet-900: #3f2041;
--color-vicious-violet-950: #280f29;
}SCSS
$vicious-violet: #9b509b;
$vicious-violet-rgb: 155, 80, 155;
$vicious-violet-light: mix(#fff, $vicious-violet, 20%);
$vicious-violet-dark: mix(#000, $vicious-violet, 20%);
.element {
color: $vicious-violet;
box-shadow: 0 0 0 2px rgba($vicious-violet, 0.35);
}