Nächste benannte Farbe · #AB6DB3
#AB6DB3
Nächste benannte Farbe: Lavendless
#AB6DB3 (rgb(171 109 179), hsl(293 32% 56%), oklch(0.626 0.123 322.8)) liegt am nächsten an der benannten Farbe Lavendless. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#AB6DB3
oklch(0.626 0.123 322.8)
Farbumrechnungen
- HEX
- #ab6db3
- RGB
- rgb(171 109 179)
- HSL
- hsl(293 32% 56%)
- HWB
- hwb(293 43% 30%)
- OKLCH
- oklch(0.626 0.123 322.8)
- OKLab
- oklab(0.626 0.098 -0.074)
- CIE Lab
- lab(54.82 33.9 -27.08)
- LCH
- lch(54.82 43.39 321.4)
- CMYK
- cmyk(4% 39% 0% 30%)
Tints · Shades · Tones
Tints
- B47BBB
- BC8AC3
- C598CA
- CDA7D2
- D6B5D9
- DEC4E1
- E6D2E9
- EFE1F0
- F7F0F8
Shades
- 945E9B
- 7E4F84
- 68416E
- 543358
- 402643
- 2D192F
- 1B0D1D
- 0B040C
- 010101
Tones
- A76FAE
- A372A9
- 9F74A4
- 9B769F
- 96789A
- 927A95
- 8E7B90
- 897D8A
- 857F85
Farbharmonien
Komplementär +180°
- AB6DB3
Lavendless
- 589B54
≈ Wicked Witch
Analog -30° +30°
- AB6DB3
Lavendless
- 8B78CB
≈ Ube
- C0668F
≈ Malevolent Mauve
Triadisch +120° +240°
- AB6DB3
Lavendless
- AC8016
≈ Murder Mustard
- 009AA4
≈ Island Dream
Geteilt komplementär +150° +210°
- AB6DB3
Lavendless
- 898F28
≈ Wasabi Nuts
- 009F81
≈ Reptilian Green
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.77:1 · APCA Lc 65
Ag
AAAuf Schwarz
WCAG 5.56:1 · APCA Lc 37
Beste Textfarbe: #000000
WCAG 5.56:1 (AA) · APCA Lc 37
Contrast pairs
Code-Snippets
CSS
:root {
--lavendless: #ab6db3;
--lavendless-rgb: 171 109 179;
--lavendless-oklch: oklch(0.626 0.123 322.8);
}
.element {
color: var(--lavendless);
background-color: hsl(293 32% 56%);
border-color: oklch(0.626 0.123 322.8);
}Tailwind CSS v4
@theme {
--color-lavendless: #ab6db3;
--color-lavendless-50: #ffeaff;
--color-lavendless-100: #fedaff;
--color-lavendless-200: #f0c3f2;
--color-lavendless-300: #d8a2da;
--color-lavendless-400: #c185c9;
--color-lavendless-500: #ac68b5;
--color-lavendless-600: #925899;
--color-lavendless-700: #75467b;
--color-lavendless-800: #55335c;
--color-lavendless-900: #3c2341;
--color-lavendless-950: #251129;
}SCSS
$lavendless: #ab6db3;
$lavendless-rgb: 171, 109, 179;
$lavendless-light: mix(#fff, $lavendless, 20%);
$lavendless-dark: mix(#000, $lavendless, 20%);
.element {
color: $lavendless;
box-shadow: 0 0 0 2px rgba($lavendless, 0.35);
}