Nächste benannte Farbe · #A66EB6
#A66EB6
Nächste benannte Farbe: Prickly Purple
#A66EB6 (rgb(166 110 182), hsl(287 33% 57%), oklch(0.623 0.122 318.5)) liegt am nächsten an der benannten Farbe Prickly Purple. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#A66EB6
oklch(0.623 0.122 318.5)
Farbumrechnungen
- HEX
- #a66eb6
- RGB
- rgb(166 110 182)
- HSL
- hsl(287 33% 57%)
- HWB
- hwb(287 43% 29%)
- OKLCH
- oklch(0.623 0.122 318.5)
- OKLab
- oklab(0.623 0.091 -0.081)
- CIE Lab
- lab(54.55 32.14 -29.27)
- LCH
- lch(54.55 43.47 317.7)
- CMYK
- cmyk(9% 40% 0% 29%)
Tints · Shades · Tones
Tints
- AF7CBE
- B88BC5
- C199CC
- CAA7D4
- D3B6DB
- DCC4E2
- E4D3EA
- EDE1F1
- F6F0F8
Shades
- 905F9E
- 7A5086
- 65416F
- 513359
- 3E2644
- 2B1930
- 1A0E1D
- 0A040C
- 010102
Tones
- A270B1
- 9F73AB
- 9B75A6
- 9777A1
- 94789B
- 907A96
- 8C7C91
- 887D8B
- 847F86
Farbharmonien
Komplementär +180°
- A66EB6
Prickly Purple
- 60984E
≈ Wicked Witch
Analog -30° +30°
- A66EB6
Prickly Purple
- 857ACC
≈ Ube
- BC6793
≈ Malevolent Mauve
Triadisch +120° +240°
- A66EB6
Prickly Purple
- AF7D1B
≈ Golden Brown
- 009A9F
≈ Riviera Paradise
Geteilt komplementär +150° +210°
- A66EB6
Prickly Purple
- 8E8C24
≈ Potter Green
- 149E7A
≈ Holly Green
Tetradisch +90° +180° +270°
- A66EB6
Prickly Purple
- C16E40
≈ Screaming Bell Metal
- 60984E
≈ Wicked Witch
- 0494C1
≈ Surf Rider
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.79:1 · APCA Lc 65
Ag
AAAuf Schwarz
WCAG 5.52:1 · APCA Lc 36
Beste Textfarbe: #000000
WCAG 5.52:1 (AA) · APCA Lc 36
Contrast pairs
Code-Snippets
CSS
:root {
--prickly-purple: #a66eb6;
--prickly-purple-rgb: 166 110 182;
--prickly-purple-oklch: oklch(0.623 0.122 318.5);
}
.element {
color: var(--prickly-purple);
background-color: hsl(287 33% 57%);
border-color: oklch(0.623 0.122 318.5);
}Tailwind CSS v4
@theme {
--color-prickly-purple: #a66eb6;
--color-prickly-purple-50: #ffeaff;
--color-prickly-purple-100: #fbdbff;
--color-prickly-purple-200: #ecc4f5;
--color-prickly-purple-300: #d4a3de;
--color-prickly-purple-400: #bd87cc;
--color-prickly-purple-500: #a86ab9;
--color-prickly-purple-600: #8e5a9d;
--color-prickly-purple-700: #72487e;
--color-prickly-purple-800: #53345e;
--color-prickly-purple-900: #3a2342;
--color-prickly-purple-950: #24122a;
}SCSS
$prickly-purple: #a66eb6;
$prickly-purple-rgb: 166, 110, 182;
$prickly-purple-light: mix(#fff, $prickly-purple, 20%);
$prickly-purple-dark: mix(#000, $prickly-purple, 20%);
.element {
color: $prickly-purple;
box-shadow: 0 0 0 2px rgba($prickly-purple, 0.35);
}