Nächste benannte Farbe · #985CC3
#985CC3
Nächste benannte Farbe: Lusty Lavender
#985CC3 (rgb(152 92 195), hsl(275 46% 56%), oklch(0.586 0.161 309.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.
#985CC3
oklch(0.586 0.161 309.2)
Farbumrechnungen
- HEX
- #985cc3
- RGB
- rgb(152 92 195)
- HSL
- hsl(275 46% 56%)
- HWB
- hwb(275 36% 24%)
- OKLCH
- oklch(0.586 0.161 309.2)
- OKLab
- oklab(0.586 0.102 -0.125)
- CIE Lab
- lab(49.46 39.31 -44.84)
- LCH
- lch(49.46 59.63 311.2)
- CMYK
- cmyk(22% 53% 0% 24%)
Tints · Shades · Tones
Tints
- A26DCA
- AC7DD0
- B68DD7
- C09EDD
- CBAEE3
- D5BEE9
- DFCEEF
- EADEF4
- F4EFFA
Shades
- 844FA9
- 704290
- 5C3678
- 4A2A60
- 381F4A
- 271434
- 170A20
- 08030E
- 010002
Tones
- 9661BD
- 9365B6
- 9169B0
- 8F6DA9
- 8C71A3
- 8A749C
- 877795
- 857A8E
- 827D87
Farbharmonien
Komplementär +180°
- 985CC3
Lusty Lavender
- 5E8C00
≈ Sap Green
Analog -30° +30°
- 985CC3
Lusty Lavender
- 6A6DD9
≈ C64 Purple
- B74F9B
≈ Safflower Purple
Triadisch +120° +240°
- 985CC3
Lusty Lavender
- AC6C00
≈ Caramel
- 008F88
≈ Aqua Experience
Geteilt komplementär +150° +210°
- 985CC3
Lusty Lavender
- 8E7C00
≈ Moscow Papyrus
- 00935E
≈ Emerald Lake
Tetradisch +90° +180° +270°
- 985CC3
Lusty Lavender
- C85226
≈ Spicy Tomato
- 5E8C00
≈ Sap Green
- 008AA7
≈ Capri Breeze
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.51:1 · APCA Lc 71
Ag
AAAuf Schwarz
WCAG 4.65:1 · APCA Lc 31
Beste Textfarbe: #000000
WCAG 4.65:1 (AA) · APCA Lc 31
Contrast pairs
Code-Snippets
CSS
:root {
--lusty-lavender: #985cc3;
--lusty-lavender-rgb: 152 92 195;
--lusty-lavender-oklch: oklch(0.586 0.161 309.2);
}
.element {
color: var(--lusty-lavender);
background-color: hsl(275 46% 56%);
border-color: oklch(0.586 0.161 309.2);
}Tailwind CSS v4
@theme {
--color-lusty-lavender: #985cc3;
--color-lusty-lavender-50: #ffe9ff;
--color-lusty-lavender-100: #f9d9ff;
--color-lusty-lavender-200: #ebc1ff;
--color-lusty-lavender-300: #d29ff4;
--color-lusty-lavender-400: #ba81e6;
--color-lusty-lavender-500: #a562d5;
--color-lusty-lavender-600: #8c54b4;
--color-lusty-lavender-700: #704391;
--color-lusty-lavender-800: #51306d;
--color-lusty-lavender-900: #39214d;
--color-lusty-lavender-950: #231033;
}SCSS
$lusty-lavender: #985cc3;
$lusty-lavender-rgb: 152, 92, 195;
$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);
}