Benannte Farbe · #A291BA
Yolanda
Yolanda ist #A291BA: rgb(162 145 186), hsl(265 23% 65%), oklch(0.686 0.062 303.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Purple mean? → · Yolanda color name →
#A291BA
oklch(0.686 0.062 303.7)
Farbumrechnungen
- HEX
- #a291ba
- RGB
- rgb(162 145 186)
- HSL
- hsl(265 23% 65%)
- HWB
- hwb(265 57% 27%)
- OKLCH
- oklch(0.686 0.062 303.7)
- OKLab
- oklab(0.686 0.034 -0.052)
- CIE Lab
- lab(62.77 12.61 -19.06)
- LCH
- lch(62.77 22.86 303.5)
- CMYK
- cmyk(13% 22% 0% 27%)
Tints · Shades · Tones
Tints
- AB9CC1
- B4A6C8
- BDB1CF
- C6BCD6
- CFC7DD
- D9D2E3
- E2DDEA
- ECE8F1
- F5F4F8
Shades
- 8C7DA1
- 776A89
- 635872
- 4F465C
- 3C3546
- 2A2532
- 19151E
- 0A070D
- 010102
Tones
- 9F8FB4
- 9B8EAE
- 988CA8
- 948AA3
- 91899D
- 8D8797
- 8A8591
- 87848C
- 838286
Farbharmonien
Komplementär +180°
- A291BA
Yolanda
- 92A176
≈ Broccoflower
Analog -30° +30°
- A291BA
Yolanda
- 8D98C1
≈ Manifest Destiny
- B28CAA
≈ Fashionably Plum
Triadisch +120° +240°
- A291BA
Yolanda
- B69272
≈ Toasted
- 6DA79E
≈ Steel Pan Mallet
Geteilt komplementär +150° +210°
- A291BA
Yolanda
- A79A6E
≈ Sunbaked Adobe
- 7CA688
≈ Corporate Green
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.87:1 · APCA Lc 55
Ag
AAAAuf Schwarz
WCAG 7.29:1 · APCA Lc 47
Beste Textfarbe: #000000
WCAG 7.29:1 (AAA) · APCA Lc 47
Contrast pairs
Code-Snippets
CSS
:root {
--yolanda: #a291ba;
--yolanda-rgb: 162 145 186;
--yolanda-oklch: oklch(0.686 0.062 303.7);
}
.element {
color: var(--yolanda);
background-color: hsl(265 23% 65%);
border-color: oklch(0.686 0.062 303.7);
}Tailwind CSS v4
@theme {
--color-yolanda: #a291ba;
--color-yolanda-50: #f9f1ff;
--color-yolanda-100: #ede3f9;
--color-yolanda-200: #daceea;
--color-yolanda-300: #bfb0d1;
--color-yolanda-400: #a696bd;
--color-yolanda-500: #8f7ca8;
--color-yolanda-600: #79698e;
--color-yolanda-700: #615472;
--color-yolanda-800: #463d55;
--color-yolanda-900: #312a3b;
--color-yolanda-950: #1d1825;
}SCSS
$yolanda: #a291ba;
$yolanda-rgb: 162, 145, 186;
$yolanda-light: mix(#fff, $yolanda, 20%);
$yolanda-dark: mix(#000, $yolanda, 20%);
.element {
color: $yolanda;
box-shadow: 0 0 0 2px rgba($yolanda, 0.35);
}