Nächste benannte Farbe · #B180C3
#B180C3
Nächste benannte Farbe: Wisteria
#B180C3 (rgb(177 128 195), hsl(284 36% 63%), oklch(0.672 0.11 316.7)) liegt am nächsten an der benannten Farbe Wisteria. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#B180C3
oklch(0.672 0.11 316.7)
Farbumrechnungen
- HEX
- #b180c3
- RGB
- rgb(177 128 195)
- HSL
- hsl(284 36% 63%)
- HWB
- hwb(284 50% 24%)
- OKLCH
- oklch(0.672 0.11 316.7)
- OKLab
- oklab(0.672 0.08 -0.076)
- CIE Lab
- lab(60.4 28.36 -27.56)
- LCH
- lch(60.4 39.55 315.8)
- CMYK
- cmyk(9% 34% 0% 24%)
Tints · Shades · Tones
Tints
- B98DC9
- C199CF
- C8A6D6
- D0B2DC
- D8BFE2
- E0CBE8
- E8D8EE
- EFE5F3
- F7F2F9
Shades
- 996EA9
- 835D90
- 6C4D78
- 573D60
- 422E4A
- 2F1F34
- 1C1220
- 0C060E
- 010102
Tones
- AC80BC
- A781B6
- A281AF
- 9E81A8
- 9981A2
- 94819B
- 8F8194
- 8A818D
- 858087
Farbharmonien
Komplementär +180°
- B180C3
Wisteria
- 75A660
≈ Dull Green
Analog -30° +30°
- B180C3
Wisteria
- 918BD6
≈ Adora
- C779A3
≈ Heartbreaker
Triadisch +120° +240°
- B180C3
Wisteria
- BC8C3F
≈ Trading Post
- 1AAAAD
≈ Blue Island
Geteilt komplementär +150° +210°
- B180C3
Wisteria
- 9E9A42
≈ Be Yourself
- 45AB87
≈ Laurel Wreath
Tetradisch +90° +180° +270°
- B180C3
Wisteria
- CD8059
≈ Apricot Brown
- 75A660
≈ Dull Green
- 39A3CA
≈ Skydome
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.11:1 · APCA Lc 58
Ag
AAAuf Schwarz
WCAG 6.74:1 · APCA Lc 44
Beste Textfarbe: #000000
WCAG 6.74:1 (AA) · APCA Lc 44
Contrast pairs
Code-Snippets
CSS
:root {
--wisteria: #b180c3;
--wisteria-rgb: 177 128 195;
--wisteria-oklch: oklch(0.672 0.11 316.7);
}
.element {
color: var(--wisteria);
background-color: hsl(284 36% 63%);
border-color: oklch(0.672 0.11 316.7);
}Tailwind CSS v4
@theme {
--color-wisteria: #b180c3;
--color-wisteria-50: #ffecff;
--color-wisteria-100: #f8ddff;
--color-wisteria-200: #e9c6f3;
--color-wisteria-300: #d0a6dc;
--color-wisteria-400: #b98aca;
--color-wisteria-500: #a36eb6;
--color-wisteria-600: #8a5d9a;
--color-wisteria-700: #6e4a7c;
--color-wisteria-800: #50365d;
--color-wisteria-900: #382541;
--color-wisteria-950: #231329;
}SCSS
$wisteria: #b180c3;
$wisteria-rgb: 177, 128, 195;
$wisteria-light: mix(#fff, $wisteria, 20%);
$wisteria-dark: mix(#000, $wisteria, 20%);
.element {
color: $wisteria;
box-shadow: 0 0 0 2px rgba($wisteria, 0.35);
}