Colore con nome · #5E5A6A
Gobelin Mauve
Gobelin Mauve è #5E5A6A: rgb(94 90 106), hsl(255 8% 38%), oklch(0.477 0.026 296.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Gobelin Mauve color name →
#5E5A6A
oklch(0.477 0.026 296.9)
Conversioni di colore
- HEX
- #5e5a6a
- RGB
- rgb(94 90 106)
- HSL
- hsl(255 8% 38%)
- HWB
- hwb(255 35% 58%)
- OKLCH
- oklch(0.477 0.026 296.9)
- OKLab
- oklab(0.477 0.012 -0.023)
- CIE Lab
- lab(39.06 4.29 -8.59)
- LCH
- lch(39.06 9.6 296.5)
- CMYK
- cmyk(11% 15% 0% 58%)
Tinte · Ombre · Toni
Tinte
- 6D6978
- 7C7886
- 8B8894
- 9B98A3
- ABA9B2
- BBB9C1
- CCCAD0
- DDDCDF
- EEEDEF
Ombre
- 514D5B
- 44414D
- 37353F
- 2B2931
- 1F1E24
- 141318
- 0A090D
- 030304
- 000000
Toni
- 615E6C
- 65616E
- 686571
- 6B6973
- 6F6D75
- 727177
- 767479
- 79787C
- 7D7C7E
Armonie di colore
Complementare +180°
- 5E5A6A
Gobelin Mauve
- 5C5F4E
≈ Stump Green
Analogo -30° +30°
- 5E5A6A
Gobelin Mauve
- 565D6C
≈ Suede Indigo
- 655865
≈ Preservation Plum
Triadico +120° +240°
- 5E5A6A
Gobelin Mauve
- 69594F
≈ Museum
- 4E625C
≈ Vert Pierre
Complementare divisa +150° +210°
- 5E5A6A
Gobelin Mauve
- 635C4C
≈ Shady Green
- 546154
≈ Northern Glen
Tetradico +90° +180° +270°
- 5E5A6A
Gobelin Mauve
- 6B5855
≈ Peat Red Brown
- 5C5F4E
≈ Stump Green
- 4C6164
≈ Corundum Blue
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.67:1 · APCA Lc 83
Ag
FailSu nero
WCAG 3.14:1 · APCA Lc 19
Miglior colore del testo: #FFFFFF
WCAG 6.67:1 (AA) · APCA Lc 83
Contrast pairs
Frammenti di codice
CSS
:root {
--gobelin-mauve: #5e5a6a;
--gobelin-mauve-rgb: 94 90 106;
--gobelin-mauve-oklch: oklch(0.477 0.026 296.9);
}
.element {
color: var(--gobelin-mauve);
background-color: hsl(255 8% 38%);
border-color: oklch(0.477 0.026 296.9);
}Tailwind CSS v4
@theme {
--color-gobelin-mauve: #5e5a6a;
--color-gobelin-mauve-50: #f6f4fc;
--color-gobelin-mauve-100: #e9e6f0;
--color-gobelin-mauve-200: #d5d2de;
--color-gobelin-mauve-300: #b9b5c3;
--color-gobelin-mauve-400: #a09cac;
--color-gobelin-mauve-500: #888396;
--color-gobelin-mauve-600: #736f7f;
--color-gobelin-mauve-700: #5c5965;
--color-gobelin-mauve-800: #43414b;
--color-gobelin-mauve-900: #2e2d34;
--color-gobelin-mauve-950: #1b1a1f;
}SCSS
$gobelin-mauve: #5e5a6a;
$gobelin-mauve-rgb: 94, 90, 106;
$gobelin-mauve-light: mix(#fff, $gobelin-mauve, 20%);
$gobelin-mauve-dark: mix(#000, $gobelin-mauve, 20%);
.element {
color: $gobelin-mauve;
box-shadow: 0 0 0 2px rgba($gobelin-mauve, 0.35);
}