Color con nombre más cercano · #9E7B97
#9E7B97
Color con nombre más cercano: Amorous
#9E7B97 (rgb(158 123 151), hsl(312 15% 55%), oklch(0.626 0.058 333.3)) se parece más al color con nombre Amorous. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#9E7B97
oklch(0.626 0.058 333.3)
Conversiones de color
- HEX
- #9e7b97
- RGB
- rgb(158 123 151)
- HSL
- hsl(312 15% 55%)
- HWB
- hwb(312 48% 38%)
- OKLCH
- oklch(0.626 0.058 333.3)
- OKLab
- oklab(0.626 0.052 -0.026)
- CIE Lab
- lab(55.77 17.62 -9.69)
- LCH
- lch(55.77 20.11 331.2)
- CMYK
- cmyk(0% 22% 4% 38%)
Tintes · Sombras · Tonos
Tintes
- A888A1
- B194AB
- BBA1B5
- C4AEC0
- CEBBCA
- D8C8D4
- E2D6DF
- EBE3EA
- F5F1F4
Sombras
- 896A83
- 745A6F
- 604A5C
- 4D3A49
- 3A2C37
- 291E26
- 181017
- 090508
- 010101
Tonos
- 9B7C95
- 987C92
- 957D90
- 927D8E
- 8F7E8C
- 8C7E89
- 897F87
- 867F85
- 838082
Armonías de color
Complementario +180°
- 9E7B97
Amorous
- 6D9377
≈ Watercress
Análogo -30° +30°
- 9E7B97
Amorous
- 8F80A5
≈ Violet Chalk
- A77984
≈ Mauve Madness
Triádico +120° +240°
- 9E7B97
Amorous
- 94885F
≈ Enchanted Wood
- 5D919D
≈ Cabana Blue
Complementario dividido +150° +210°
- 9E7B97
Amorous
- 818E67
≈ Saladin
- 5E948B
≈ Fiddler
Tetrádico +90° +180° +270°
- 9E7B97
Amorous
- A28163
≈ Mulled Cider
- 6D9377
≈ Watercress
- 698CA9
≈ Scanda
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 3.66:1 · APCA Lc 64
Ag
AASobre negro
WCAG 5.73:1 · APCA Lc 37
Mejor color de texto: #000000
WCAG 5.73:1 (AA) · APCA Lc 37
Contrast pairs
Fragmentos de código
CSS
:root {
--amorous: #9e7b97;
--amorous-rgb: 158 123 151;
--amorous-oklch: oklch(0.626 0.058 333.3);
}
.element {
color: var(--amorous);
background-color: hsl(312 15% 55%);
border-color: oklch(0.626 0.058 333.3);
}Tailwind CSS v4
@theme {
--color-amorous: #9e7b97;
--color-amorous-50: #ffeffc;
--color-amorous-100: #f5e1f0;
--color-amorous-200: #e5cbde;
--color-amorous-300: #cbadc3;
--color-amorous-400: #b492ad;
--color-amorous-500: #9e7897;
--color-amorous-600: #86667f;
--color-amorous-700: #6b5166;
--color-amorous-800: #4f3b4c;
--color-amorous-900: #372835;
--color-amorous-950: #211620;
}SCSS
$amorous: #9e7b97;
$amorous-rgb: 158, 123, 151;
$amorous-light: mix(#fff, $amorous, 20%);
$amorous-dark: mix(#000, $amorous, 20%);
.element {
color: $amorous;
box-shadow: 0 0 0 2px rgba($amorous, 0.35);
}