Colore con nome · #66626D
Muted Mulberry
Muted Mulberry è #66626D: rgb(102 98 109), hsl(262 5% 41%), oklch(0.504 0.018 302.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Muted Mulberry color name →
#66626D
oklch(0.504 0.018 302.3)
Conversioni di colore
- HEX
- #66626d
- RGB
- rgb(102 98 109)
- HSL
- hsl(262 5% 41%)
- HWB
- hwb(262 38% 57%)
- OKLCH
- oklch(0.504 0.018 302.3)
- OKLab
- oklab(0.504 0.01 -0.015)
- CIE Lab
- lab(42.21 3.37 -5.65)
- LCH
- lch(42.21 6.58 300.8)
- CMYK
- cmyk(6% 10% 0% 57%)
Tinte · Ombre · Toni
Tinte
- 74707B
- 827F88
- 918E96
- A09EA5
- AFADB3
- BFBDC2
- CFCDD1
- DEDEE0
- EFEEEF
Ombre
- 58545E
- 4A474F
- 3C3A41
- 2F2D33
- 232126
- 171619
- 0C0B0D
- 040304
- 000001
Toni
- 69656F
- 6B6871
- 6E6B73
- 706E75
- 737176
- 757478
- 78777A
- 7B7A7C
- 7D7D7E
Armonie di colore
Complementare +180°
- 66626D
Muted Mulberry
- 62665B
≈ Woohringa
Analogo -30° +30°
- 66626D
Muted Mulberry
- 61646F
≈ Eventide
- 6B6169
≈ Vibrant Vision
Triadico +120° +240°
- 66626D
Muted Mulberry
- 6C625A
≈ Back Stage
- 5A6865
≈ Wing Man
Complementare divisa +150° +210°
- 66626D
Muted Mulberry
- 686459
≈ Cumberland Grey
- 5D675F
≈ Pine Mountain
Tetradico +90° +180° +270°
- 66626D
Muted Mulberry
- 6E615E
≈ Browse Brown
- 62665B
≈ Woohringa
- 59676A
≈ Whale Grey
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.94:1 · APCA Lc 80
Ag
FailSu nero
WCAG 3.53:1 · APCA Lc 22
Miglior colore del testo: #FFFFFF
WCAG 5.94:1 (AA) · APCA Lc 80
Contrast pairs
Frammenti di codice
CSS
:root {
--muted-mulberry: #66626d;
--muted-mulberry-rgb: 102 98 109;
--muted-mulberry-oklch: oklch(0.504 0.018 302.3);
}
.element {
color: var(--muted-mulberry);
background-color: hsl(262 5% 41%);
border-color: oklch(0.504 0.018 302.3);
}Tailwind CSS v4
@theme {
--color-muted-mulberry: #66626d;
--color-muted-mulberry-50: #f6f4f9;
--color-muted-mulberry-100: #e9e6ed;
--color-muted-mulberry-200: #d6d2db;
--color-muted-mulberry-300: #b9b5bf;
--color-muted-mulberry-400: #a09ca7;
--color-muted-mulberry-500: #888490;
--color-muted-mulberry-600: #736f7a;
--color-muted-mulberry-700: #5c5962;
--color-muted-mulberry-800: #434148;
--color-muted-mulberry-900: #2e2d32;
--color-muted-mulberry-950: #1b1a1e;
}SCSS
$muted-mulberry: #66626d;
$muted-mulberry-rgb: 102, 98, 109;
$muted-mulberry-light: mix(#fff, $muted-mulberry, 20%);
$muted-mulberry-dark: mix(#000, $muted-mulberry, 20%);
.element {
color: $muted-mulberry;
box-shadow: 0 0 0 2px rgba($muted-mulberry, 0.35);
}