Nächste benannte Farbe · #8A54B4
#8A54B4
Nächste benannte Farbe: Lusty Lavender
#8A54B4 (rgb(138 84 180), hsl(274 39% 52%), oklch(0.549 0.152 308.2)) liegt am nächsten an der benannten Farbe Lusty Lavender. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#8A54B4
oklch(0.549 0.152 308.2)
Farbumrechnungen
- HEX
- #8a54b4
- RGB
- rgb(138 84 180)
- HSL
- hsl(274 39% 52%)
- HWB
- hwb(274 33% 29%)
- OKLCH
- oklch(0.549 0.152 308.2)
- OKLab
- oklab(0.549 0.094 -0.119)
- CIE Lab
- lab(45.33 36.61 -42.81)
- LCH
- lch(45.33 56.33 310.5)
- CMYK
- cmyk(23% 53% 0% 29%)
Tints · Shades · Tones
Tints
- 9565BC
- A076C4
- AC87CC
- B798D4
- C3A9DB
- CFBAE3
- DBCBEA
- E7DCF1
- F3EEF8
Shades
- 77489C
- 653C85
- 53316E
- 422658
- 321B44
- 221130
- 14081D
- 07020C
- 010002
Tones
- 895AAF
- 885FAA
- 8764A5
- 8668A0
- 856C9B
- 847196
- 837591
- 82798B
- 817C86
Farbharmonien
Komplementär +180°
- 8A54B4
Lusty Lavender
- 588000
≈ Avocado
Analog -30° +30°
- 8A54B4
Lusty Lavender
- 5F64C7
≈ Borage Blue
- A7488F
≈ La la Lavender
Triadisch +120° +240°
- 8A54B4
Lusty Lavender
- 9E6100
≈ Raw Sienna
- 00837C
≈ Blue Winged Teal
Geteilt komplementär +150° +210°
- 8A54B4
Lusty Lavender
- 837100
≈ Sunlit Kelp Green
- 008754
≈ Pixel Nature
Tetradisch +90° +180° +270°
- 8A54B4
Lusty Lavender
- B84924
≈ Spice Market
- 588000
≈ Avocado
- 007E97
≈ Pacific Pleasure
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.23:1 · APCA Lc 76
Ag
FailAuf Schwarz
WCAG 4.00:1 · APCA Lc 26
Beste Textfarbe: #FFFFFF
WCAG 5.23:1 (AA) · APCA Lc 76
Contrast pairs
Code-Snippets
CSS
:root {
--lusty-lavender: #8a54b4;
--lusty-lavender-rgb: 138 84 180;
--lusty-lavender-oklch: oklch(0.549 0.152 308.2);
}
.element {
color: var(--lusty-lavender);
background-color: hsl(274 39% 52%);
border-color: oklch(0.549 0.152 308.2);
}Tailwind CSS v4
@theme {
--color-lusty-lavender: #8a54b4;
--color-lusty-lavender-50: #ffeaff;
--color-lusty-lavender-100: #f8daff;
--color-lusty-lavender-200: #e8c2ff;
--color-lusty-lavender-300: #cfa1f1;
--color-lusty-lavender-400: #b784e3;
--color-lusty-lavender-500: #a265d2;
--color-lusty-lavender-600: #8956b1;
--color-lusty-lavender-700: #6e458e;
--color-lusty-lavender-800: #50326b;
--color-lusty-lavender-900: #37224b;
--color-lusty-lavender-950: #221132;
}SCSS
$lusty-lavender: #8a54b4;
$lusty-lavender-rgb: 138, 84, 180;
$lusty-lavender-light: mix(#fff, $lusty-lavender, 20%);
$lusty-lavender-dark: mix(#000, $lusty-lavender, 20%);
.element {
color: $lusty-lavender;
box-shadow: 0 0 0 2px rgba($lusty-lavender, 0.35);
}