Color con nombre más cercano · #8C2E63
#8C2E63
Color con nombre más cercano: Pink Horror
#8C2E63 (rgb(140 46 99), hsl(326 51% 36%), oklch(0.457 0.139 349.2)) se parece más al color con nombre Pink Horror. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#8C2E63
oklch(0.457 0.139 349.2)
Conversiones de color
- HEX
- #8c2e63
- RGB
- rgb(140 46 99)
- HSL
- hsl(326 51% 36%)
- HWB
- hwb(326 18% 45%)
- OKLCH
- oklch(0.457 0.139 349.2)
- OKLab
- oklab(0.457 0.137 -0.026)
- CIE Lab
- lab(35.1 44.22 -9.33)
- LCH
- lch(35.1 45.19 348.1)
- CMYK
- cmyk(0% 67% 29% 45%)
Tintes · Sombras · Tonos
Tintes
- 994471
- A65980
- B26D8F
- BE819E
- C996AE
- D5AABE
- E0BFCE
- EAD4DE
- F5E9EE
Sombras
- 792755
- 671F47
- 55183A
- 43122E
- 330B21
- 230616
- 14020B
- 070103
- 010000
Tonos
- 8C3866
- 8C4269
- 8C4A6C
- 8B536F
- 8A5B72
- 896274
- 876A77
- 85717A
- 83797D
Armonías de color
Complementario +180°
- 8C2E63
Pink Horror
- 00674E
≈ Peacock Green
Análogo -30° +30°
- 8C2E63
Pink Horror
- 773887
≈ Perkin Mauve
- 952C37
≈ Pomegranate Seeds
Triádico +120° +240°
- 8C2E63
Pink Horror
- 5C5B00
≈ Greensboro
- 00607F
≈ Back of Beyond
Complementario dividido +150° +210°
- 8C2E63
Pink Horror
- 246808
≈ Keen Green
- 006468
≈ Really Teal
Tetrádico +90° +180° +270°
- 8C2E63
Pink Horror
- 735000
≈ Lucky Brown
- 00674E
≈ Peacock Green
- 2154A3
≈ Ruri Blue
Contraste y accesibilidad
Ag
AAASobre blanco
WCAG 7.81:1 · APCA Lc 86
Ag
FailSobre negro
WCAG 2.68:1 · APCA Lc 16
Mejor color de texto: #FFFFFF
WCAG 7.81:1 (AAA) · APCA Lc 86
Contrast pairs
Fragmentos de código
CSS
:root {
--pink-horror: #8c2e63;
--pink-horror-rgb: 140 46 99;
--pink-horror-oklch: oklch(0.457 0.139 349.2);
}
.element {
color: var(--pink-horror);
background-color: hsl(326 51% 36%);
border-color: oklch(0.457 0.139 349.2);
}Tailwind CSS v4
@theme {
--color-pink-horror: #8c2e63;
--color-pink-horror-50: #ffe6fa;
--color-pink-horror-100: #ffd5ed;
--color-pink-horror-200: #ffbcdb;
--color-pink-horror-300: #ee99c0;
--color-pink-horror-400: #da7aab;
--color-pink-horror-500: #c75a94;
--color-pink-horror-600: #a84d7d;
--color-pink-horror-700: #873d64;
--color-pink-horror-800: #642c4b;
--color-pink-horror-900: #461e34;
--color-pink-horror-950: #2d0d20;
}SCSS
$pink-horror: #8c2e63;
$pink-horror-rgb: 140, 46, 99;
$pink-horror-light: mix(#fff, $pink-horror, 20%);
$pink-horror-dark: mix(#000, $pink-horror, 20%);
.element {
color: $pink-horror;
box-shadow: 0 0 0 2px rgba($pink-horror, 0.35);
}