Nächste benannte Farbe · #A589AA
#A589AA
Nächste benannte Farbe: Metal Petal
#A589AA (rgb(165 137 170), hsl(291 16% 60%), oklch(0.667 0.058 321.2)) liegt am nächsten an der benannten Farbe Metal Petal. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#A589AA
oklch(0.667 0.058 321.2)
Farbumrechnungen
- HEX
- #a589aa
- RGB
- rgb(165 137 170)
- HSL
- hsl(291 16% 60%)
- HWB
- hwb(291 54% 33%)
- OKLCH
- oklch(0.667 0.058 321.2)
- OKLab
- oklab(0.667 0.045 -0.036)
- CIE Lab
- lab(60.55 15.45 -13.34)
- LCH
- lch(60.55 20.41 319.2)
- CMYK
- cmyk(3% 19% 0% 33%)
Tints · Shades · Tones
Tints
- AE94B2
- B7A0BB
- C0ABC3
- C8B7CC
- D1C3D4
- DACEDD
- E4DAE5
- EDE7EE
- F6F3F6
Shades
- 8F7693
- 79647D
- 655368
- 514253
- 3D313F
- 2B222D
- 1A141B
- 0A070B
- 010101
Tones
- A188A6
- 9E87A2
- 9A869D
- 968699
- 938595
- 8F8491
- 8B838D
- 878288
- 848184
Farbharmonien
Komplementär +180°
- A589AA
Metal Petal
- 819E7C
≈ Green Grey
Analog -30° +30°
- A589AA
Metal Petal
- 948EB6
≈ Brave Purple
- B18698
≈ Light Brown Drab
Triadisch +120° +240°
- A589AA
Metal Petal
- A6916C
≈ Ecosystem
- 699FA3
≈ Meadowbrook
Geteilt komplementär +150° +210°
- A589AA
Metal Petal
- 95986F
≈ Silk Road
- 70A090
≈ Greyish Teal
Tetradisch +90° +180° +270°
- A589AA
Metal Petal
- B28B74
≈ Macaroon
- 819E7C
≈ Green Grey
- 709BB2
≈ Ocean View
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.10:1 · APCA Lc 58
Ag
AAAuf Schwarz
WCAG 6.75:1 · APCA Lc 44
Beste Textfarbe: #000000
WCAG 6.75:1 (AA) · APCA Lc 44
Contrast pairs
Code-Snippets
CSS
:root {
--metal-petal: #a589aa;
--metal-petal-rgb: 165 137 170;
--metal-petal-oklch: oklch(0.667 0.058 321.2);
}
.element {
color: var(--metal-petal);
background-color: hsl(291 16% 60%);
border-color: oklch(0.667 0.058 321.2);
}Tailwind CSS v4
@theme {
--color-metal-petal: #a589aa;
--color-metal-petal-50: #fef0ff;
--color-metal-petal-100: #f2e2f3;
--color-metal-petal-200: #e1cce3;
--color-metal-petal-300: #c6aec9;
--color-metal-petal-400: #af94b3;
--color-metal-petal-500: #987a9e;
--color-metal-petal-600: #816785;
--color-metal-petal-700: #67526b;
--color-metal-petal-800: #4b3c4f;
--color-metal-petal-900: #342937;
--color-metal-petal-950: #201722;
}SCSS
$metal-petal: #a589aa;
$metal-petal-rgb: 165, 137, 170;
$metal-petal-light: mix(#fff, $metal-petal, 20%);
$metal-petal-dark: mix(#000, $metal-petal, 20%);
.element {
color: $metal-petal;
box-shadow: 0 0 0 2px rgba($metal-petal, 0.35);
}