Color con nombre más cercano · #8A2754
#8A2754
Color con nombre más cercano: Pink Horror
#8A2754 (rgb(138 39 84), hsl(333 56% 35%), oklch(0.44 0.14 356.7)) 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.
#8A2754
oklch(0.44 0.14 356.7)
Conversiones de color
- HEX
- #8a2754
- RGB
- rgb(138 39 84)
- HSL
- hsl(333 56% 35%)
- HWB
- hwb(333 15% 46%)
- OKLCH
- oklch(0.44 0.14 356.7)
- OKLab
- oklab(0.44 0.14 -0.008)
- CIE Lab
- lab(33.24 45.02 -2.49)
- LCH
- lch(33.24 45.09 356.8)
- CMYK
- cmyk(0% 72% 39% 46%)
Tintes · Sombras · Tonos
Tintes
- 973E63
- A55473
- B16984
- BD7E94
- C993A5
- D5A8B7
- E0BDC8
- EAD3DA
- F5E9ED
Sombras
- 772048
- 651A3C
- 531431
- 420E26
- 32081B
- 220411
- 140208
- 070102
- 010000
Tonos
- 8A3358
- 8B3D5D
- 8B4661
- 8A4F65
- 8A586A
- 88606E
- 876872
- 857077
- 83787B
Armonías de color
Complementario +180°
- 8A2754
Pink Horror
- 006151
≈ Alpine Green
Análogo -30° +30°
- 8A2754
Pink Horror
- 78307A
≈ Maximum Purple
- 902825
≈ Vivid Auburn
Triádico +120° +240°
- 8A2754
Pink Horror
- 4F5900
≈ Kyuri Green
- 005980
≈ Mykonos Blue
Complementario dividido +150° +210°
- 8A2754
Pink Horror
- 006520
≈ Paradise Palms
- 005E67
≈ Fish Tale
Tetrádico +90° +180° +270°
- 8A2754
Pink Horror
- 684E00
≈ Olive Brown
- 006151
≈ Alpine Green
- 2F4B9F
≈ Sea of Tears
Contraste y accesibilidad
Ag
AAASobre blanco
WCAG 8.40:1 · APCA Lc 88
Ag
FailSobre negro
WCAG 2.49:1 · APCA Lc 14
Mejor color de texto: #FFFFFF
WCAG 8.40:1 (AAA) · APCA Lc 88
Contrast pairs
Fragmentos de código
CSS
:root {
--pink-horror: #8a2754;
--pink-horror-rgb: 138 39 84;
--pink-horror-oklch: oklch(0.44 0.14 356.7);
}
.element {
color: var(--pink-horror);
background-color: hsl(333 56% 35%);
border-color: oklch(0.44 0.14 356.7);
}Tailwind CSS v4
@theme {
--color-pink-horror: #8a2754;
--color-pink-horror-50: #ffe5f4;
--color-pink-horror-100: #ffd5e7;
--color-pink-horror-200: #ffbcd3;
--color-pink-horror-300: #f299b6;
--color-pink-horror-400: #df79a0;
--color-pink-horror-500: #cb5988;
--color-pink-horror-600: #ac4c73;
--color-pink-horror-700: #8a3c5c;
--color-pink-horror-800: #662b45;
--color-pink-horror-900: #481d30;
--color-pink-horror-950: #2f0d1c;
}SCSS
$pink-horror: #8a2754;
$pink-horror-rgb: 138, 39, 84;
$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);
}