Color con nombre más cercano · #9D8180
#9D8180
Color con nombre más cercano: Opium
#9D8180 (rgb(157 129 128), hsl(2 13% 56%), oklch(0.629 0.035 20.5)) se parece más al color con nombre Opium. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#9D8180
oklch(0.629 0.035 20.5)
Conversiones de color
- 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%)
Tintes · Sombras · Tonos
Tintes
- A78D8C
- B09998
- BAA5A4
- C4B2B1
- CDBEBE
- D7CBCA
- E1D8D7
- EBE5E4
- F5F2F2
Sombras
- 886F6E
- 735E5D
- 5F4E4D
- 4C3E3D
- 3A2E2E
- 281F1F
- 181212
- 090606
- 010101
Tonos
- 9A8180
- 978180
- 958180
- 928180
- 8F8180
- 8C8180
- 898080
- 868080
- 838080
Armonías de color
Complementario +180°
- 9D8180
Opium
- 719091
≈ Mineral Blue
Análogo -30° +30°
- 9D8180
Opium
- 9A818C
≈ Ordain
- 9B8376
≈ Modern Mocha
Triádico +120° +240°
- 9D8180
Opium
- 7E8E7B
≈ Amazon Moss
- 7D8A9E
≈ Prophetic Sea
Complementario dividido +150° +210°
- 9D8180
Opium
- 759086
≈ Hawkesbury
- 748D9A
≈ Shaker Blue
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 3.56:1 · APCA Lc 63
Ag
AASobre negro
WCAG 5.88:1 · APCA Lc 38
Mejor color de texto: #000000
WCAG 5.88:1 (AA) · APCA Lc 38
Contrast pairs
Fragmentos de código
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);
}