Warna bernama terdekat · #9D8180
#9D8180
Warna bernama terdekat: Opium
#9D8180 (rgb(157 129 128), hsl(2 13% 56%), oklch(0.629 0.035 20.5)) paling mendekati warna bernama Opium. Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
#9D8180
oklch(0.629 0.035 20.5)
Konversi warna
- HEX
- #9d8180
- RGB
- rgb(157 129 128)
- HSL
- hsl(2 13% 56%)
- HWB
- hwb(2 50% 38%)
- OKLCH
- oklch(0.629 0.035 20.5)
- OKLab
- oklab(0.629 0.032 0.012)
- CIE Lab
- lab(56.63 10.96 4.8)
- LCH
- lch(56.63 11.97 23.6)
- CMYK
- cmyk(0% 18% 18% 38%)
Tint · Shade · Tone
Tint
- A78D8C
- B09998
- BAA5A4
- C4B2B1
- CDBEBE
- D7CBCA
- E1D8D7
- EBE5E4
- F5F2F2
Shade
- 886F6E
- 735E5D
- 5F4E4D
- 4C3E3D
- 3A2E2E
- 281F1F
- 181212
- 090606
- 010101
Tone
- 9A8180
- 978180
- 958180
- 928180
- 8F8180
- 8C8180
- 898080
- 868080
- 838080
Harmoni warna
Komplementer +180°
- 9D8180
Opium
- 719091
≈ Mineral Blue
Analog -30° +30°
- 9D8180
Opium
- 9A818C
≈ Ordain
- 9B8376
≈ Modern Mocha
Triadik +120° +240°
- 9D8180
Opium
- 7E8E7B
≈ Amazon Moss
- 7D8A9E
≈ Prophetic Sea
Split-komplementer +150° +210°
- 9D8180
Opium
- 759086
≈ Hawkesbury
- 748D9A
≈ Shaker Blue
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 3.56:1 · APCA Lc 63
Ag
AADi atas hitam
WCAG 5.88:1 · APCA Lc 38
Warna teks terbaik: #000000
WCAG 5.88:1 (AA) · APCA Lc 38
Contrast pairs
Cuplikan kode
CSS
:root {
--opium: #9d8180;
--opium-rgb: 157 129 128;
--opium-oklch: oklch(0.629 0.035 20.5);
}
.element {
color: var(--opium);
background-color: hsl(2 13% 56%);
border-color: oklch(0.629 0.035 20.5);
}Tailwind CSS v4
@theme {
--color-opium: #9d8180;
--color-opium-50: #fff2f1;
--color-opium-100: #f3e4e2;
--color-opium-200: #e3cfcd;
--color-opium-300: #c9b1af;
--color-opium-400: #b29796;
--color-opium-500: #9c7d7c;
--color-opium-600: #846a69;
--color-opium-700: #6a5554;
--color-opium-800: #4e3e3e;
--color-opium-900: #362a2a;
--color-opium-950: #211818;
}SCSS
$opium: #9d8180;
$opium-rgb: 157, 129, 128;
$opium-light: mix(#fff, $opium, 20%);
$opium-dark: mix(#000, $opium, 20%);
.element {
color: $opium;
box-shadow: 0 0 0 2px rgba($opium, 0.35);
}