Nächste benannte Farbe · #80508A
#80508A
Nächste benannte Farbe: Prunella
#80508A (rgb(128 80 138), hsl(290 27% 43%), oklch(0.508 0.105 320.5)) liegt am nächsten an der benannten Farbe Prunella. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#80508A
oklch(0.508 0.105 320.5)
Farbumrechnungen
- HEX
- #80508a
- RGB
- rgb(128 80 138)
- HSL
- hsl(290 27% 43%)
- HWB
- hwb(290 31% 46%)
- OKLCH
- oklch(0.508 0.105 320.5)
- OKLab
- oklab(0.508 0.081 -0.067)
- CIE Lab
- lab(41.37 28.28 -24.17)
- LCH
- lch(41.37 37.2 319.5)
- CMYK
- cmyk(7% 42% 0% 46%)
Tints · Shades · Tones
Tints
- 8C6196
- 9971A1
- A582AD
- B293B8
- BFA5C4
- CBB6D0
- D8C8DB
- E5DAE7
- F2EDF3
Shades
- 6E4477
- 5D3965
- 4D2E53
- 3D2442
- 2E1A32
- 1F1022
- 120714
- 060207
- 010001
Tones
- 805589
- 815A88
- 815F88
- 816487
- 816986
- 816E85
- 817284
- 817783
- 807B81
Farbharmonien
Komplementär +180°
- 80508A
Prunella
- 427438
≈ Cucumber Queen
Analog -30° +30°
- 80508A
Prunella
- 66599D
≈ Giant Onion
- 914A6D
≈ Goddess of Dawn
Triadisch +120° +240°
- 80508A
Prunella
- 845E01
≈ Soil of Avagddu
- 007479
≈ Maxi Teal
Geteilt komplementär +150° +210°
- 80508A
Prunella
- 696A11
≈ Worn Olive
- 00775D
≈ Tropical Rainforest
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.11:1 · APCA Lc 80
Ag
FailAuf Schwarz
WCAG 3.43:1 · APCA Lc 21
Beste Textfarbe: #FFFFFF
WCAG 6.11:1 (AA) · APCA Lc 80
Contrast pairs
Code-Snippets
CSS
:root {
--prunella: #80508a;
--prunella-rgb: 128 80 138;
--prunella-oklch: oklch(0.508 0.105 320.5);
}
.element {
color: var(--prunella);
background-color: hsl(290 27% 43%);
border-color: oklch(0.508 0.105 320.5);
}Tailwind CSS v4
@theme {
--color-prunella: #80508a;
--color-prunella-50: #ffecff;
--color-prunella-100: #f9ddfd;
--color-prunella-200: #eac6ef;
--color-prunella-300: #d1a6d7;
--color-prunella-400: #ba8ac5;
--color-prunella-500: #a56eb1;
--color-prunella-600: #8c5d95;
--color-prunella-700: #704b78;
--color-prunella-800: #52365a;
--color-prunella-900: #39253f;
--color-prunella-950: #231328;
}SCSS
$prunella: #80508a;
$prunella-rgb: 128, 80, 138;
$prunella-light: mix(#fff, $prunella, 20%);
$prunella-dark: mix(#000, $prunella, 20%);
.element {
color: $prunella;
box-shadow: 0 0 0 2px rgba($prunella, 0.35);
}