Colore con nome · #763D57
Mulled Plum
Mulled Plum è #763D57: rgb(118 61 87), hsl(333 32% 35%), oklch(0.44 0.086 352.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Brown mean? → · Mulled Plum color name →
#763D57
oklch(0.44 0.086 352.5)
Conversioni di colore
- HEX
- #763d57
- RGB
- rgb(118 61 87)
- HSL
- hsl(333 32% 35%)
- HWB
- hwb(333 24% 54%)
- OKLCH
- oklch(0.44 0.086 352.5)
- OKLab
- oklab(0.44 0.085 -0.011)
- CIE Lab
- lab(33.89 27.91 -3.96)
- LCH
- lch(33.89 28.19 351.9)
- CMYK
- cmyk(0% 48% 26% 54%)
Tinte · Ombre · Toni
Tinte
- 844F66
- 926176
- A07486
- AD8796
- BB9AA7
- C9AEB8
- D6C1C9
- E4D6DB
- F1EAED
Ombre
- 66344B
- 562B3E
- 472233
- 381A27
- 29121C
- 1C0A12
- 0F0408
- 050103
- 010000
Toni
- 78445B
- 794B5F
- 7B5263
- 7C5867
- 7D5F6B
- 7E666F
- 7F6C73
- 7F7378
- 80797C
Armonie di colore
Complementare +180°
- 763D57
Mulled Plum
- 00614D
≈ Sci-Fi Takeout
Analogo -30° +30°
- 763D57
Mulled Plum
- 69416E
≈ Majesty
- 7B3D3C
≈ Kokiake Brown
Triadico +120° +240°
- 763D57
Mulled Plum
- 535715
≈ Douro
- 0C5A7A
≈ Job’s Tears
Complementare divisa +150° +210°
- 763D57
Mulled Plum
- 345E31
≈ Deep Into the Wood
- 005E64
≈ Sandhill Crane
Tetradico +90° +180° +270°
- 763D57
Mulled Plum
- 6A4D0A
≈ Antique Bronze
- 00614D
≈ Sci-Fi Takeout
- 385182
≈ Fun Blue
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 8.15:1 · APCA Lc 88
Ag
FailSu nero
WCAG 2.57:1 · APCA Lc 14
Miglior colore del testo: #FFFFFF
WCAG 8.15:1 (AAA) · APCA Lc 88
Contrast pairs
Frammenti di codice
CSS
:root {
--mulled-plum: #763d57;
--mulled-plum-rgb: 118 61 87;
--mulled-plum-oklch: oklch(0.44 0.086 352.5);
}
.element {
color: var(--mulled-plum);
background-color: hsl(333 32% 35%);
border-color: oklch(0.44 0.086 352.5);
}Tailwind CSS v4
@theme {
--color-mulled-plum: #763d57;
--color-mulled-plum-50: #ffecf7;
--color-mulled-plum-100: #ffdde9;
--color-mulled-plum-200: #f3c6d6;
--color-mulled-plum-300: #dca6ba;
--color-mulled-plum-400: #c789a3;
--color-mulled-plum-500: #b26e8c;
--color-mulled-plum-600: #965d76;
--color-mulled-plum-700: #794a5e;
--color-mulled-plum-800: #593646;
--color-mulled-plum-900: #3e2531;
--color-mulled-plum-950: #27131d;
}SCSS
$mulled-plum: #763d57;
$mulled-plum-rgb: 118, 61, 87;
$mulled-plum-light: mix(#fff, $mulled-plum, 20%);
$mulled-plum-dark: mix(#000, $mulled-plum, 20%);
.element {
color: $mulled-plum;
box-shadow: 0 0 0 2px rgba($mulled-plum, 0.35);
}