Warna bernama terdekat · #8B1154
#8B1154
Warna bernama terdekat: Mulberry
#8B1154 (rgb(139 17 84), hsl(327 78% 31%), oklch(0.424 0.163 354.1)) paling mendekati warna bernama Mulberry. Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
#8B1154
oklch(0.424 0.163 354.1)
Konversi warna
- HEX
- #8b1154
- RGB
- rgb(139 17 84)
- HSL
- hsl(327 78% 31%)
- HWB
- hwb(327 7% 45%)
- OKLCH
- oklch(0.424 0.163 354.1)
- OKLab
- oklab(0.424 0.162 -0.017)
- CIE Lab
- lab(31.08 51.76 -5.63)
- LCH
- lch(31.08 52.07 353.8)
- CMYK
- cmyk(0% 88% 40% 45%)
Tint · Shade · Tone
Tint
- 993164
- A64A73
- B36184
- BF7794
- CB8DA5
- D6A3B7
- E1BAC8
- ECD1DA
- F6E8ED
Shade
- 780D48
- 66093C
- 540631
- 430426
- 32021B
- 230111
- 140008
- 070002
- 010000
Tone
- 8C2458
- 8C325D
- 8C3E61
- 8C4865
- 8B526A
- 8A5C6E
- 886573
- 866E77
- 83777B
Harmoni warna
Komplementer +180°
- 8B1154
Mulberry
- 005C4B
≈ Evergreen
Analog -30° +30°
- 8B1154
Mulberry
- 77227F
≈ Count’s Wardrobe
- 930F1C
≈ Sacred Scarlet
Triadik +120° +240°
- 8B1154
Mulberry
- 4E5300
≈ Douro
- 005577
≈ Studer Blue
Split-komplementer +150° +210°
- 8B1154
Mulberry
- 006010
≈ Thuja Green
- 005960
≈ Entrapment
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
AAADi atas putih
WCAG 9.10:1 · APCA Lc 89
Ag
FailDi atas hitam
WCAG 2.30:1 · APCA Lc 13
Warna teks terbaik: #FFFFFF
WCAG 9.10:1 (AAA) · APCA Lc 89
Contrast pairs
Cuplikan kode
CSS
:root {
--mulberry: #8b1154;
--mulberry-rgb: 139 17 84;
--mulberry-oklch: oklch(0.424 0.163 354.1);
}
.element {
color: var(--mulberry);
background-color: hsl(327 78% 31%);
border-color: oklch(0.424 0.163 354.1);
}Tailwind CSS v4
@theme {
--color-mulberry: #8b1154;
--color-mulberry-50: #ffe3f6;
--color-mulberry-100: #ffd2e9;
--color-mulberry-200: #ffb7d6;
--color-mulberry-300: #f993ba;
--color-mulberry-400: #e671a5;
--color-mulberry-500: #d34e8d;
--color-mulberry-600: #b34377;
--color-mulberry-700: #903560;
--color-mulberry-800: #6a2648;
--color-mulberry-900: #4b1932;
--color-mulberry-950: #31091e;
}SCSS
$mulberry: #8b1154;
$mulberry-rgb: 139, 17, 84;
$mulberry-light: mix(#fff, $mulberry, 20%);
$mulberry-dark: mix(#000, $mulberry, 20%);
.element {
color: $mulberry;
box-shadow: 0 0 0 2px rgba($mulberry, 0.35);
}