En yakın adlandırılmış renk · #9D8180
#9D8180
En yakın adlandırılmış renk: Opium
#9D8180 (rgb(157 129 128), hsl(2 13% 56%), oklch(0.629 0.035 20.5)) en çok Opium adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#9D8180
oklch(0.629 0.035 20.5)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- A78D8C
- B09998
- BAA5A4
- C4B2B1
- CDBEBE
- D7CBCA
- E1D8D7
- EBE5E4
- F5F2F2
Koyu tonlar
- 886F6E
- 735E5D
- 5F4E4D
- 4C3E3D
- 3A2E2E
- 281F1F
- 181212
- 090606
- 010101
Gri tonlar
- 9A8180
- 978180
- 958180
- 928180
- 8F8180
- 8C8180
- 898080
- 868080
- 838080
Renk uyumları
Tamamlayıcı +180°
- 9D8180
Opium
- 719091
≈ Mineral Blue
Analog -30° +30°
- 9D8180
Opium
- 9A818C
≈ Ordain
- 9B8376
≈ Modern Mocha
Üçlü +120° +240°
- 9D8180
Opium
- 7E8E7B
≈ Amazon Moss
- 7D8A9E
≈ Prophetic Sea
Bölünmüş tamamlayıcı +150° +210°
- 9D8180
Opium
- 759086
≈ Hawkesbury
- 748D9A
≈ Shaker Blue
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.56:1 · APCA Lc 63
Ag
AASiyah üzerinde
WCAG 5.88:1 · APCA Lc 38
En iyi metin rengi: #000000
WCAG 5.88:1 (AA) · APCA Lc 38
Contrast pairs
Kod parçacıkları
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);
}