Color con nombre más cercano · #8D0540
#8D0540
Color con nombre más cercano: Inescapable Lover
#8D0540 (rgb(141 5 64), hsl(334 93% 29%), oklch(0.416 0.164 4.9)) se parece más al color con nombre Inescapable Lover. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#8D0540
oklch(0.416 0.164 4.9)
Conversiones de color
- HEX
- #8d0540
- RGB
- rgb(141 5 64)
- HSL
- hsl(334 93% 29%)
- HWB
- hwb(334 2% 45%)
- OKLCH
- oklch(0.416 0.164 4.9)
- OKLab
- oklab(0.416 0.163 0.014)
- CIE Lab
- lab(30.27 52.98 6.56)
- LCH
- lch(30.27 53.39 7.1)
- CMYK
- cmyk(0% 96% 55% 45%)
Tintes · Sombras · Tonos
Tintes
- 9B2D51
- A94762
- B55E74
- C27587
- CD8B9A
- D8A2AD
- E3B9C1
- EDD0D5
- F6E7EA
Sombras
- 7A0436
- 67032D
- 550224
- 44011B
- 330113
- 23000B
- 140005
- 070001
- 010000
Tonos
- 8E1F46
- 8E2F4C
- 8E3B52
- 8E4659
- 8D515F
- 8B5B66
- 89646C
- 876E73
- 847779
Armonías de color
Complementario +180°
- 8D0540
Inescapable Lover
- 005951
≈ Baltic Prince
Análogo -30° +30°
- 8D0540
Inescapable Lover
- 7D186E
≈ Mirage of Violets
- 8A1F00
≈ Bloodline
Triádico +120° +240°
- 8D0540
Inescapable Lover
- 3F5500
≈ Highlands Moss
- 005080
≈ Cleo’s Bath
Complementario dividido +150° +210°
- 8D0540
Inescapable Lover
- 005C32
≈ Crusoe
- 005665
≈ Abyssal Waters
Tetrádico +90° +180° +270°
- 8D0540
Inescapable Lover
- 5B4B00
≈ Scorzonera Brown
- 005951
≈ Baltic Prince
- 373BA3
≈ Purple Cabbage
Contraste y accesibilidad
Ag
AAASobre blanco
WCAG 9.42:1 · APCA Lc 90
Ag
FailSobre negro
WCAG 2.22:1 · APCA Lc 13
Mejor color de texto: #FFFFFF
WCAG 9.42:1 (AAA) · APCA Lc 90
Contrast pairs
Fragmentos de código
CSS
:root {
--inescapable-lover: #8d0540;
--inescapable-lover-rgb: 141 5 64;
--inescapable-lover-oklch: oklch(0.416 0.164 4.9);
}
.element {
color: var(--inescapable-lover);
background-color: hsl(334 93% 29%);
border-color: oklch(0.416 0.164 4.9);
}Tailwind CSS v4
@theme {
--color-inescapable-lover: #8d0540;
--color-inescapable-lover-50: #ffe2ed;
--color-inescapable-lover-100: #ffd2de;
--color-inescapable-lover-200: #ffb7c8;
--color-inescapable-lover-300: #fe92a9;
--color-inescapable-lover-400: #ec7091;
--color-inescapable-lover-500: #d94b78;
--color-inescapable-lover-600: #b84165;
--color-inescapable-lover-700: #943451;
--color-inescapable-lover-800: #6e243d;
--color-inescapable-lover-900: #4d182a;
--color-inescapable-lover-950: #330817;
}SCSS
$inescapable-lover: #8d0540;
$inescapable-lover-rgb: 141, 5, 64;
$inescapable-lover-light: mix(#fff, $inescapable-lover, 20%);
$inescapable-lover-dark: mix(#000, $inescapable-lover, 20%);
.element {
color: $inescapable-lover;
box-shadow: 0 0 0 2px rgba($inescapable-lover, 0.35);
}