Benannte Farbe · #6A6283
Purple Gumball
Purple Gumball ist #6A6283: rgb(106 98 131), hsl(255 14% 45%), oklch(0.516 0.052 295.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Purple mean? → · Purple Gumball color name →
#6A6283
oklch(0.516 0.052 295.6)
Farbumrechnungen
- HEX
- #6a6283
- RGB
- rgb(106 98 131)
- HSL
- hsl(255 14% 45%)
- HWB
- hwb(255 38% 49%)
- OKLCH
- oklch(0.516 0.052 295.6)
- OKLab
- oklab(0.516 0.023 -0.047)
- CIE Lab
- lab(43.27 8.79 -17.3)
- LCH
- lch(43.27 19.4 296.9)
- CMYK
- cmyk(19% 25% 0% 49%)
Tints · Shades · Tones
Tints
- 78718F
- 867F9B
- 948EA7
- A39EB3
- B1ADC0
- C0BDCC
- D0CDD9
- DFDEE5
- EFEEF2
Shades
- 5B5471
- 4D4760
- 3F3A4F
- 312D3F
- 24212F
- 181620
- 0D0B12
- 040306
- 000001
Tones
- 6C6583
- 6E6883
- 706B82
- 736E82
- 757182
- 777482
- 797781
- 7B7A81
- 7E7D80
Farbharmonien
Komplementär +180°
- 6A6283
Purple Gumball
- 666C49
≈ Bancha
Analog -30° +30°
- 6A6283
Purple Gumball
- 596887
≈ Enduring
- 785E78
≈ Gala Ball
Triadisch +120° +240°
- 6A6283
Purple Gumball
- 80604B
≈ Rookwood Brown
- 467266
≈ Christmas Ivy
Geteilt komplementär +150° +210°
- 6A6283
Purple Gumball
- 756645
≈ Russian Olive
- 557056
≈ Green Bayou
Tetradisch +90° +180° +270°
- 6A6283
Purple Gumball
- 835C58
≈ Book Binder
- 666C49
≈ Bancha
- 427176
≈ Thunderhawk Blue
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.69:1 · APCA Lc 78
Ag
FailAuf Schwarz
WCAG 3.68:1 · APCA Lc 23
Beste Textfarbe: #FFFFFF
WCAG 5.69:1 (AA) · APCA Lc 78
Contrast pairs
Code-Snippets
CSS
:root {
--purple-gumball: #6a6283;
--purple-gumball-rgb: 106 98 131;
--purple-gumball-oklch: oklch(0.516 0.052 295.6);
}
.element {
color: var(--purple-gumball);
background-color: hsl(255 14% 45%);
border-color: oklch(0.516 0.052 295.6);
}Tailwind CSS v4
@theme {
--color-purple-gumball: #6a6283;
--color-purple-gumball-50: #f6f2ff;
--color-purple-gumball-100: #e9e5f8;
--color-purple-gumball-200: #d6d0e8;
--color-purple-gumball-300: #bab2cf;
--color-purple-gumball-400: #a099bb;
--color-purple-gumball-500: #8980a6;
--color-purple-gumball-600: #746c8c;
--color-purple-gumball-700: #5c5670;
--color-purple-gumball-800: #433f53;
--color-purple-gumball-900: #2e2b3a;
--color-purple-gumball-950: #1b1924;
}SCSS
$purple-gumball: #6a6283;
$purple-gumball-rgb: 106, 98, 131;
$purple-gumball-light: mix(#fff, $purple-gumball, 20%);
$purple-gumball-dark: mix(#000, $purple-gumball, 20%);
.element {
color: $purple-gumball;
box-shadow: 0 0 0 2px rgba($purple-gumball, 0.35);
}