Colore con nome · #6C5472
Basil Mauve
Basil Mauve è #6C5472: rgb(108 84 114), hsl(288 15% 39%), oklch(0.482 0.056 319.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Basil Mauve color name →
#6C5472
oklch(0.482 0.056 319.5)
Conversioni di colore
- HEX
- #6c5472
- RGB
- rgb(108 84 114)
- HSL
- hsl(288 15% 39%)
- HWB
- hwb(288 33% 55%)
- OKLCH
- oklch(0.482 0.056 319.5)
- OKLab
- oklab(0.482 0.042 -0.036)
- CIE Lab
- lab(39.09 14.65 -13.27)
- LCH
- lch(39.09 19.77 317.8)
- CMYK
- cmyk(5% 26% 0% 55%)
Tinte · Ombre · Toni
Tinte
- 7A647F
- 88748D
- 96849A
- A495A8
- B3A6B6
- C2B7C5
- D1C9D3
- E0DBE1
- EFEDF0
Ombre
- 5D4862
- 4E3C53
- 403144
- 322636
- 251B28
- 19111B
- 0D080E
- 040204
- 000001
Toni
- 6E5873
- 705D75
- 726176
- 746678
- 766A79
- 786E7B
- 7A737C
- 7C777D
- 7E7C7F
Armonie di colore
Complementare +180°
- 6C5472
Basil Mauve
- 4E6648
≈ Thraka Green Wash
Analogo -30° +30°
- 6C5472
Basil Mauve
- 5D597C
≈ Taylor
- 765163
≈ Radicchio
Triadico +120° +240°
- 6C5472
Basil Mauve
- 6F5B39
≈ Bali Batik
- 34686A
≈ Magnetic Green
Complementare divisa +150° +210°
- 6C5472
Basil Mauve
- 60613B
≈ Verdigris Foncé
- 3C6859
≈ June Ivy
Tetradico +90° +180° +270°
- 6C5472
Basil Mauve
- 785542
≈ Brownstone
- 4E6648
≈ Thraka Green Wash
- 3B6477
≈ Mallard Blue
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.66:1 · APCA Lc 83
Ag
FailSu nero
WCAG 3.14:1 · APCA Lc 19
Miglior colore del testo: #FFFFFF
WCAG 6.66:1 (AA) · APCA Lc 83
Contrast pairs
Frammenti di codice
CSS
:root {
--basil-mauve: #6c5472;
--basil-mauve-rgb: 108 84 114;
--basil-mauve-oklch: oklch(0.482 0.056 319.5);
}
.element {
color: var(--basil-mauve);
background-color: hsl(288 15% 39%);
border-color: oklch(0.482 0.056 319.5);
}Tailwind CSS v4
@theme {
--color-basil-mauve: #6c5472;
--color-basil-mauve-50: #fdf0ff;
--color-basil-mauve-100: #f1e2f3;
--color-basil-mauve-200: #e0cde3;
--color-basil-mauve-300: #c5afc9;
--color-basil-mauve-400: #ad94b3;
--color-basil-mauve-500: #977b9e;
--color-basil-mauve-600: #7f6885;
--color-basil-mauve-700: #66536b;
--color-basil-mauve-800: #4a3c4f;
--color-basil-mauve-900: #342a37;
--color-basil-mauve-950: #1f1722;
}SCSS
$basil-mauve: #6c5472;
$basil-mauve-rgb: 108, 84, 114;
$basil-mauve-light: mix(#fff, $basil-mauve, 20%);
$basil-mauve-dark: mix(#000, $basil-mauve, 20%);
.element {
color: $basil-mauve;
box-shadow: 0 0 0 2px rgba($basil-mauve, 0.35);
}