Colore con nome · #806173
Majestic Plum
Majestic Plum è #806173: rgb(128 97 115), hsl(325 14% 44%), oklch(0.53 0.048 343.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Majestic Plum color name →
#806173
oklch(0.53 0.048 343.1)
Conversioni di colore
- HEX
- #806173
- RGB
- rgb(128 97 115)
- HSL
- hsl(325 14% 44%)
- HWB
- hwb(325 38% 50%)
- OKLCH
- oklch(0.53 0.048 343.1)
- OKLab
- oklab(0.53 0.046 -0.014)
- CIE Lab
- lab(44.82 15.27 -5.08)
- LCH
- lch(44.82 16.09 341.6)
- CMYK
- cmyk(0% 24% 10% 50%)
Tinte · Ombre · Toni
Tinte
- 8C7080
- 997F8D
- A58E9B
- B29DA9
- BEADB7
- CBBDC5
- D8CDD3
- E5DEE1
- F2EEF0
Ombre
- 6E5363
- 5D4654
- 4D3945
- 3D2D36
- 2E2128
- 1F151B
- 120B0F
- 060305
- 010001
Toni
- 806474
- 806776
- 806A77
- 816D78
- 81717A
- 81747B
- 80777C
- 807A7D
- 807D7F
Armonie di colore
Complementare +180°
- 806173
Majestic Plum
- 527564
≈ Painted Turtle
Analogo -30° +30°
- 806173
Majestic Plum
- 766480
≈ Montana Grape
- 856164
≈ Aged Beech
Triadico +120° +240°
- 806173
Majestic Plum
- 706D4D
≈ Capulet Olive
- 4D7280
≈ Hydro
Complementare divisa +150° +210°
- 806173
Majestic Plum
- 617256
≈ Vineyard Green
- 4A7573
≈ Cool Waters
Tetradico +90° +180° +270°
- 806173
Majestic Plum
- 7D684D
≈ Boho
- 527564
≈ Painted Turtle
- 586E87
≈ Blueberry Dream
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.41:1 · APCA Lc 77
Ag
FailSu nero
WCAG 3.87:1 · APCA Lc 25
Miglior colore del testo: #FFFFFF
WCAG 5.41:1 (AA) · APCA Lc 77
Contrast pairs
Frammenti di codice
CSS
:root {
--majestic-plum: #806173;
--majestic-plum-rgb: 128 97 115;
--majestic-plum-oklch: oklch(0.53 0.048 343.1);
}
.element {
color: var(--majestic-plum);
background-color: hsl(325 14% 44%);
border-color: oklch(0.53 0.048 343.1);
}Tailwind CSS v4
@theme {
--color-majestic-plum: #806173;
--color-majestic-plum-50: #fff0f8;
--color-majestic-plum-100: #f4e2eb;
--color-majestic-plum-200: #e4cdd9;
--color-majestic-plum-300: #caaebd;
--color-majestic-plum-400: #b394a6;
--color-majestic-plum-500: #9d7a8e;
--color-majestic-plum-600: #856778;
--color-majestic-plum-700: #6b5260;
--color-majestic-plum-800: #4e3c47;
--color-majestic-plum-900: #362931;
--color-majestic-plum-950: #21171d;
}SCSS
$majestic-plum: #806173;
$majestic-plum-rgb: 128, 97, 115;
$majestic-plum-light: mix(#fff, $majestic-plum, 20%);
$majestic-plum-dark: mix(#000, $majestic-plum, 20%);
.element {
color: $majestic-plum;
box-shadow: 0 0 0 2px rgba($majestic-plum, 0.35);
}