Cor nomeada mais próxima · #8D2C56
#8D2C56
Cor nomeada mais próxima: Pink Horror
#8D2C56 (rgb(141 44 86), hsl(334 52% 36%), oklch(0.451 0.137 357.5)) é mais próxima da cor nomeada Pink Horror. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#8D2C56
oklch(0.451 0.137 357.5)
Conversões de cor
- HEX
- #8d2c56
- RGB
- rgb(141 44 86)
- HSL
- hsl(334 52% 36%)
- HWB
- hwb(334 17% 45%)
- OKLCH
- oklch(0.451 0.137 357.5)
- OKLab
- oklab(0.451 0.137 -0.006)
- CIE Lab
- lab(34.59 44.2 -1.73)
- LCH
- lch(34.59 44.23 357.8)
- CMYK
- cmyk(0% 69% 39% 45%)
Tons claros · Sombras · Tons
Tons claros
- 9A4265
- A75775
- B36C85
- BF8096
- CB95A6
- D6AAB8
- E1BFC9
- EBD4DB
- F5E9ED
Sombras
- 7A254A
- 671E3E
- 551732
- 441127
- 330A1C
- 230512
- 140208
- 070102
- 010000
Tons
- 8D375A
- 8D405E
- 8D4962
- 8C5266
- 8B5A6B
- 89626F
- 886973
- 867177
- 83797C
Harmonias de cor
Complementar +180°
- 8D2C56
Pink Horror
- 006455
≈ Philodendron
Análoga -30° +30°
- 8D2C56
Pink Horror
- 7C347C
≈ Veronica Purple
- 932E28
≈ Saffronaut
Tríade +120° +240°
- 8D2C56
Pink Horror
- 525D00
≈ Greensboro
- 005C86
≈ Impulse
Complementar dividida +150° +210°
- 8D2C56
Pink Horror
- 006824
≈ Paradise Palms
- 00616C
≈ Turkish Aqua
Tétrade +90° +180° +270°
- 8D2C56
Pink Horror
- 6B5200
≈ Ayahuasca Vine
- 006455
≈ Philodendron
- 344EA1
≈ Dazzling Blue
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 7.99:1 · APCA Lc 87
Ag
FailSobre preto
WCAG 2.62:1 · APCA Lc 15
Melhor cor de texto: #FFFFFF
WCAG 7.99:1 (AAA) · APCA Lc 87
Contrast pairs
Trechos de código
CSS
:root {
--pink-horror: #8d2c56;
--pink-horror-rgb: 141 44 86;
--pink-horror-oklch: oklch(0.451 0.137 357.5);
}
.element {
color: var(--pink-horror);
background-color: hsl(334 52% 36%);
border-color: oklch(0.451 0.137 357.5);
}Tailwind CSS v4
@theme {
--color-pink-horror: #8d2c56;
--color-pink-horror-50: #ffe6f4;
--color-pink-horror-100: #ffd6e6;
--color-pink-horror-200: #ffbcd2;
--color-pink-horror-300: #f199b5;
--color-pink-horror-400: #de7a9f;
--color-pink-horror-500: #cb5a87;
--color-pink-horror-600: #ab4d72;
--color-pink-horror-700: #893d5b;
--color-pink-horror-800: #662c44;
--color-pink-horror-900: #481d2f;
--color-pink-horror-950: #2e0d1c;
}SCSS
$pink-horror: #8d2c56;
$pink-horror-rgb: 141, 44, 86;
$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);
}