Nächste benannte Farbe · #A24D92
#A24D92
Nächste benannte Farbe: Purple Zergling
#A24D92 (rgb(162 77 146), hsl(311 36% 47%), oklch(0.55 0.142 335)) liegt am nächsten an der benannten Farbe Purple Zergling. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#A24D92
oklch(0.55 0.142 335)
Farbumrechnungen
- HEX
- #a24d92
- RGB
- rgb(162 77 146)
- HSL
- hsl(311 36% 47%)
- HWB
- hwb(311 30% 36%)
- OKLCH
- oklch(0.55 0.142 335)
- OKLab
- oklab(0.55 0.128 -0.06)
- CIE Lab
- lab(45.77 42.58 -21.73)
- LCH
- lch(45.77 47.81 333)
- CMYK
- cmyk(0% 52% 10% 36%)
Tints · Shades · Tones
Tints
- AC5F9D
- B671A7
- C082B2
- CA94BD
- D3A5C8
- DCB7D3
- E5C9DE
- EEDBE9
- F7EDF4
Shades
- 8C427E
- 77376B
- 632C58
- 4F2246
- 3C1835
- 2A0F25
- 190716
- 0A0208
- 010001
Tones
- 9F5390
- 9D598F
- 9A5F8D
- 97648B
- 93698A
- 906E88
- 8C7386
- 887784
- 847C82
Farbharmonien
Komplementär +180°
- A24D92
Purple Zergling
- 00884D
≈ Real Turquoise
Analog -30° +30°
- A24D92
Purple Zergling
- 8559B3
≈ Lusty Lavender
- B24866
≈ Bing Cherry Pie
Triadisch +120° +240°
- A24D92
Purple Zergling
- 867000
≈ Sunlit Kelp Green
- 007F95
≈ Pagoda
Geteilt komplementär +150° +210°
- A24D92
Purple Zergling
- 5F7E00
≈ Enchanted Forest
- 008479
≈ Egyptian Green
Tetradisch +90° +180° +270°
- A24D92
Purple Zergling
- A26000
≈ Soft Tone Ink
- 00884D
≈ Real Turquoise
- 0077BC
≈ Bumangués Blue
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.23:1 · APCA Lc 76
Ag
FailAuf Schwarz
WCAG 4.01:1 · APCA Lc 26
Beste Textfarbe: #FFFFFF
WCAG 5.23:1 (AA) · APCA Lc 76
Contrast pairs
Code-Snippets
CSS
:root {
--purple-zergling: #a24d92;
--purple-zergling-rgb: 162 77 146;
--purple-zergling-oklch: oklch(0.55 0.142 335);
}
.element {
color: var(--purple-zergling);
background-color: hsl(311 36% 47%);
border-color: oklch(0.55 0.142 335);
}Tailwind CSS v4
@theme {
--color-purple-zergling: #a24d92;
--color-purple-zergling-50: #ffe6ff;
--color-purple-zergling-100: #ffd6f9;
--color-purple-zergling-200: #fcbdea;
--color-purple-zergling-300: #e69bd2;
--color-purple-zergling-400: #d17cbf;
--color-purple-zergling-500: #bd5dab;
--color-purple-zergling-600: #a04f90;
--color-purple-zergling-700: #803f74;
--color-purple-zergling-800: #5e2d57;
--color-purple-zergling-900: #421f3d;
--color-purple-zergling-950: #2a0e26;
}SCSS
$purple-zergling: #a24d92;
$purple-zergling-rgb: 162, 77, 146;
$purple-zergling-light: mix(#fff, $purple-zergling, 20%);
$purple-zergling-dark: mix(#000, $purple-zergling, 20%);
.element {
color: $purple-zergling;
box-shadow: 0 0 0 2px rgba($purple-zergling, 0.35);
}