Cor nomeada mais próxima · #892B59
#892B59
Cor nomeada mais próxima: Pink Horror
#892B59 (rgb(137 43 89), hsl(331 52% 35%), oklch(0.445 0.136 353.9)) é 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.
#892B59
oklch(0.445 0.136 353.9)
Conversões de cor
- HEX
- #892b59
- RGB
- rgb(137 43 89)
- HSL
- hsl(331 52% 35%)
- HWB
- hwb(331 17% 46%)
- OKLCH
- oklch(0.445 0.136 353.9)
- OKLab
- oklab(0.445 0.135 -0.014)
- CIE Lab
- lab(33.78 43.56 -4.95)
- LCH
- lch(33.78 43.84 353.5)
- CMYK
- cmyk(0% 69% 35% 46%)
Tons claros · Sombras · Tons
Tons claros
- 964168
- A35678
- B06B88
- BC7F98
- C894A8
- D4A9B9
- DFBECA
- EAD3DC
- F5E9ED
Sombras
- 76244C
- 641D40
- 531634
- 421028
- 310A1D
- 220513
- 140209
- 070103
- 010000
Tons
- 89365D
- 8A3F61
- 8A4865
- 895168
- 89596C
- 886170
- 866974
- 857178
- 83787C
Harmonias de cor
Complementar +180°
- 892B59
Pink Horror
- 006350
≈ Piney Lake
Análoga -30° +30°
- 892B59
Pink Horror
- 77347D
≈ Maximum Purple
- 902B2C
≈ Ancient Red
Tríade +120° +240°
- 892B59
Pink Horror
- 545900
≈ Greensboro
- 005B7F
≈ Commandes
Complementar dividida +150° +210°
- 892B59
Pink Horror
- 106618
≈ Overgrown Temple
- 006067
≈ Turkish Aqua
Tétrade +90° +180° +270°
- 892B59
Pink Horror
- 6B4E00
≈ Antique Bronze
- 006350
≈ Piney Lake
- 2B4E9E
≈ Ruri Blue
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 8.22:1 · APCA Lc 88
Ag
FailSobre preto
WCAG 2.55:1 · APCA Lc 15
Melhor cor de texto: #FFFFFF
WCAG 8.22:1 (AAA) · APCA Lc 88
Contrast pairs
Trechos de código
CSS
:root {
--pink-horror: #892b59;
--pink-horror-rgb: 137 43 89;
--pink-horror-oklch: oklch(0.445 0.136 353.9);
}
.element {
color: var(--pink-horror);
background-color: hsl(331 52% 35%);
border-color: oklch(0.445 0.136 353.9);
}Tailwind CSS v4
@theme {
--color-pink-horror: #892b59;
--color-pink-horror-50: #ffe6f6;
--color-pink-horror-100: #ffd6e9;
--color-pink-horror-200: #ffbcd6;
--color-pink-horror-300: #ef9aba;
--color-pink-horror-400: #dc7ba4;
--color-pink-horror-500: #c85b8c;
--color-pink-horror-600: #a94d77;
--color-pink-horror-700: #883e5f;
--color-pink-horror-800: #642c47;
--color-pink-horror-900: #471e31;
--color-pink-horror-950: #2e0d1d;
}SCSS
$pink-horror: #892b59;
$pink-horror-rgb: 137, 43, 89;
$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);
}