Nächste benannte Farbe · #B85389
#B85389
Nächste benannte Farbe: Llilacquered
#B85389 (rgb(184 83 137), hsl(328 42% 52%), oklch(0.585 0.144 349.2)) liegt am nächsten an der benannten Farbe Llilacquered. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#B85389
oklch(0.585 0.144 349.2)
Farbumrechnungen
- HEX
- #b85389
- RGB
- rgb(184 83 137)
- HSL
- hsl(328 42% 52%)
- HWB
- hwb(328 33% 28%)
- OKLCH
- oklch(0.585 0.144 349.2)
- OKLab
- oklab(0.585 0.142 -0.027)
- CIE Lab
- lab(49.96 46.06 -9.66)
- LCH
- lch(49.96 47.06 348.2)
- CMYK
- cmyk(0% 55% 26% 28%)
Tints · Shades · Tones
Tints
- C16594
- C976A0
- D187AB
- D898B7
- E0A9C3
- E7BACE
- EDCBDA
- F3DCE6
- F9EEF3
Shades
- A04776
- 883B64
- 713053
- 5B2542
- 451B31
- 311122
- 1E0814
- 0C0207
- 020001
Tones
- B35988
- AE5E87
- A96386
- A46886
- 9F6C85
- 997184
- 937583
- 8D7982
- 877C81
Farbharmonien
Komplementär +180°
- B85389
Llilacquered
- 009270
≈ Dòu Lǜ Green
Analog -30° +30°
- B85389
Llilacquered
- A05CB1
≈ Prickly Purple
- C25259
≈ Chrysanthemum
Triadisch +120° +240°
- B85389
Llilacquered
- 828100
≈ Drably Olive
- 0088B2
≈ Stomy Shower
Geteilt komplementär +150° +210°
- B85389
Llilacquered
- 4A8F35
≈ Football Pitch
- 008D92
≈ Tempo Teal
Tetradisch +90° +180° +270°
- B85389
Llilacquered
- A27200
≈ Barbarian Leather
- 009270
≈ Dòu Lǜ Green
- 447AD0
≈ Serenity’s Reign
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.52:1 · APCA Lc 71
Ag
AAAuf Schwarz
WCAG 4.63:1 · APCA Lc 31
Beste Textfarbe: #000000
WCAG 4.63:1 (AA) · APCA Lc 31
Contrast pairs
Code-Snippets
CSS
:root {
--llilacquered: #b85389;
--llilacquered-rgb: 184 83 137;
--llilacquered-oklch: oklch(0.585 0.144 349.2);
}
.element {
color: var(--llilacquered);
background-color: hsl(328 42% 52%);
border-color: oklch(0.585 0.144 349.2);
}Tailwind CSS v4
@theme {
--color-llilacquered: #b85389;
--color-llilacquered-50: #ffe5fa;
--color-llilacquered-100: #ffd5ee;
--color-llilacquered-200: #ffbbdc;
--color-llilacquered-300: #f098c0;
--color-llilacquered-400: #dc79ac;
--color-llilacquered-500: #c95895;
--color-llilacquered-600: #aa4b7e;
--color-llilacquered-700: #883c65;
--color-llilacquered-800: #652b4c;
--color-llilacquered-900: #471d35;
--color-llilacquered-950: #2e0c20;
}SCSS
$llilacquered: #b85389;
$llilacquered-rgb: 184, 83, 137;
$llilacquered-light: mix(#fff, $llilacquered, 20%);
$llilacquered-dark: mix(#000, $llilacquered, 20%);
.element {
color: $llilacquered;
box-shadow: 0 0 0 2px rgba($llilacquered, 0.35);
}