Colore con nome · #6A6283
Purple Gumball
Purple Gumball è #6A6283: rgb(106 98 131), hsl(255 14% 45%), oklch(0.516 0.052 295.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Purple Gumball color name →
#6A6283
oklch(0.516 0.052 295.6)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 78718F
- 867F9B
- 948EA7
- A39EB3
- B1ADC0
- C0BDCC
- D0CDD9
- DFDEE5
- EFEEF2
Ombre
- 5B5471
- 4D4760
- 3F3A4F
- 312D3F
- 24212F
- 181620
- 0D0B12
- 040306
- 000001
Toni
- 6C6583
- 6E6883
- 706B82
- 736E82
- 757182
- 777482
- 797781
- 7B7A81
- 7E7D80
Armonie di colore
Complementare +180°
- 6A6283
Purple Gumball
- 666C49
≈ Bancha
Analogo -30° +30°
- 6A6283
Purple Gumball
- 596887
≈ Enduring
- 785E78
≈ Gala Ball
Triadico +120° +240°
- 6A6283
Purple Gumball
- 80604B
≈ Rookwood Brown
- 467266
≈ Christmas Ivy
Complementare divisa +150° +210°
- 6A6283
Purple Gumball
- 756645
≈ Russian Olive
- 557056
≈ Green Bayou
Tetradico +90° +180° +270°
- 6A6283
Purple Gumball
- 835C58
≈ Book Binder
- 666C49
≈ Bancha
- 427176
≈ Thunderhawk Blue
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.69:1 · APCA Lc 78
Ag
FailSu nero
WCAG 3.68:1 · APCA Lc 23
Miglior colore del testo: #FFFFFF
WCAG 5.69:1 (AA) · APCA Lc 78
Contrast pairs
Frammenti di codice
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);
}