Color con nombre más cercano · #830E40
#830E40
Color con nombre más cercano: Inescapable Lover
#830E40 (rgb(131 14 64), hsl(334 81% 28%), oklch(0.4 0.151 2.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.
#830E40
oklch(0.4 0.151 2.9)
Conversiones de color
- HEX
- #830e40
- RGB
- rgb(131 14 64)
- HSL
- hsl(334 81% 28%)
- HWB
- hwb(334 5% 49%)
- OKLCH
- oklch(0.4 0.151 2.9)
- OKLab
- oklab(0.4 0.151 0.008)
- CIE Lab
- lab(28.58 48.86 3.81)
- LCH
- lch(28.58 49.01 4.5)
- CMYK
- cmyk(0% 89% 51% 49%)
Tintes · Sombras · Tonos
Tintes
- 922F51
- A04762
- AD5E74
- BB7487
- C78B9A
- D3A2AD
- DFB9C1
- EAD0D5
- F5E7EA
Sombras
- 710B36
- 60072D
- 4F0524
- 3F031B
- 2F0213
- 20010B
- 120005
- 060001
- 010000
Tonos
- 852246
- 86304C
- 873B52
- 874659
- 87505F
- 875A66
- 86646C
- 856D73
- 837779
Armonías de color
Complementario +180°
- 830E40
Inescapable Lover
- 00544B
≈ Plankton Green
Análogo -30° +30°
- 830E40
Inescapable Lover
- 731B6A
≈ Purple Curse
- 851700
≈ Red Leever
Triádico +120° +240°
- 830E40
Inescapable Lover
- 3E5000
≈ Godzilla
- 004C77
≈ Blue Meridian
Complementario dividido +150° +210°
- 830E40
Inescapable Lover
- 00572B
≈ Caliban Green
- 00515E
≈ Sandalwood Grey Blue
Tetrádico +90° +180° +270°
- 830E40
Inescapable Lover
- 574600
≈ Sugarloaf Brown
- 00544B
≈ Plankton Green
- 303A97
≈ Liquid Denim
Contraste y accesibilidad
Ag
AAASobre blanco
WCAG 9.99:1 · APCA Lc 92
Ag
FailSobre negro
WCAG 2.10:1 · APCA Lc 11
Mejor color de texto: #FFFFFF
WCAG 9.99:1 (AAA) · APCA Lc 92
Contrast pairs
Fragmentos de código
CSS
:root {
--inescapable-lover: #830e40;
--inescapable-lover-rgb: 131 14 64;
--inescapable-lover-oklch: oklch(0.4 0.151 2.9);
}
.element {
color: var(--inescapable-lover);
background-color: hsl(334 81% 28%);
border-color: oklch(0.4 0.151 2.9);
}Tailwind CSS v4
@theme {
--color-inescapable-lover: #830e40;
--color-inescapable-lover-50: #ffe4ef;
--color-inescapable-lover-100: #ffd4e1;
--color-inescapable-lover-200: #ffb9cc;
--color-inescapable-lover-300: #f896ad;
--color-inescapable-lover-400: #e67596;
--color-inescapable-lover-500: #d3527d;
--color-inescapable-lover-600: #b2476a;
--color-inescapable-lover-700: #8f3854;
--color-inescapable-lover-800: #6a283f;
--color-inescapable-lover-900: #4b1b2c;
--color-inescapable-lover-950: #310a19;
}SCSS
$inescapable-lover: #830e40;
$inescapable-lover-rgb: 131, 14, 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);
}