Colore con nome · #86666B
Mauving Up
Mauving Up è #86666B: rgb(134 102 107), hsl(351 14% 46%), oklch(0.544 0.042 8.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Mauving Up color name →
#86666B
oklch(0.544 0.042 8.1)
Conversioni di colore
- HEX
- #86666b
- RGB
- rgb(134 102 107)
- HSL
- hsl(351 14% 46%)
- HWB
- hwb(351 40% 47%)
- OKLCH
- oklch(0.544 0.042 8.1)
- OKLab
- oklab(0.544 0.041 0.006)
- CIE Lab
- lab(46.61 13.86 2.41)
- LCH
- lch(46.61 14.07 9.9)
- CMYK
- cmyk(0% 24% 20% 47%)
Tinte · Ombre · Toni
Tinte
- 927479
- 9E8387
- AA9195
- B5A0A3
- C2B0B2
- CEBFC1
- DACFD0
- E6DFE0
- F3EFEF
Ombre
- 74585C
- 624A4E
- 513C3F
- 402F32
- 302325
- 211718
- 130C0D
- 060404
- 010000
Toni
- 86696D
- 856B6F
- 856E71
- 847073
- 847375
- 837678
- 82787A
- 827B7C
- 817D7E
Armonie di colore
Complementare +180°
- 86666B
Mauving Up
- 537874
≈ Sagebrush Green
Analogo -30° +30°
- 86666B
Mauving Up
- 816778
≈ Arctic Dusk
- 86685E
≈ Nut Brown
Triadico +120° +240°
- 86666B
Mauving Up
- 69755B
≈ Willow Grove
- 5D7287
≈ Plumbeous
Complementare divisa +150° +210°
- 86666B
Mauving Up
- 5C7867
≈ Mt Burleigh
- 547680
≈ Ocean Current
Tetradico +90° +180° +270°
- 86666B
Mauving Up
- 767054
≈ Priory
- 537874
≈ Sagebrush Green
- 6A6E88
≈ Great Grape
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.08:1 · APCA Lc 75
Ag
FailSu nero
WCAG 4.12:1 · APCA Lc 27
Miglior colore del testo: #FFFFFF
WCAG 5.08:1 (AA) · APCA Lc 75
Contrast pairs
Frammenti di codice
CSS
:root {
--mauving-up: #86666b;
--mauving-up-rgb: 134 102 107;
--mauving-up-oklch: oklch(0.544 0.042 8.1);
}
.element {
color: var(--mauving-up);
background-color: hsl(351 14% 46%);
border-color: oklch(0.544 0.042 8.1);
}Tailwind CSS v4
@theme {
--color-mauving-up: #86666b;
--color-mauving-up-50: #fff1f2;
--color-mauving-up-100: #f5e2e5;
--color-mauving-up-200: #e5cdd0;
--color-mauving-up-300: #ccafb2;
--color-mauving-up-400: #b5959a;
--color-mauving-up-500: #9f7b81;
--color-mauving-up-600: #87686d;
--color-mauving-up-700: #6c5357;
--color-mauving-up-800: #4f3d40;
--color-mauving-up-900: #372a2c;
--color-mauving-up-950: #221719;
}SCSS
$mauving-up: #86666b;
$mauving-up-rgb: 134, 102, 107;
$mauving-up-light: mix(#fff, $mauving-up, 20%);
$mauving-up-dark: mix(#000, $mauving-up, 20%);
.element {
color: $mauving-up;
box-shadow: 0 0 0 2px rgba($mauving-up, 0.35);
}