Cor nomeada mais próxima · #822256
#822256
Cor nomeada mais próxima: Pink Horror
#822256 (rgb(130 34 86), hsl(328 59% 32%), oklch(0.422 0.14 351.6)) é 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.
#822256
oklch(0.422 0.14 351.6)
Conversões de cor
- HEX
- #822256
- RGB
- rgb(130 34 86)
- HSL
- hsl(328 59% 32%)
- HWB
- hwb(328 13% 49%)
- OKLCH
- oklch(0.422 0.14 351.6)
- OKLab
- oklab(0.422 0.139 -0.021)
- CIE Lab
- lab(31.06 44.55 -7.2)
- LCH
- lch(31.06 45.13 350.8)
- CMYK
- cmyk(0% 74% 34% 49%)
Tons claros · Sombras · Tons
Tons claros
- 903A65
- 9E5075
- AB6585
- B87B96
- C590A7
- D1A6B8
- DDBCC9
- E9D2DB
- F4E8ED
Sombras
- 701C4A
- 5F163E
- 4E1132
- 3E0B27
- 2F071C
- 200312
- 120108
- 060002
- 010000
Tons
- 832E5A
- 84395E
- 854362
- 854C67
- 85556B
- 855E6F
- 856773
- 836F77
- 82787C
Harmonias de cor
Complementar +180°
- 822256
Pink Horror
- 005C48
≈ Evergreen
Análoga -30° +30°
- 822256
Pink Horror
- 6F2C7A
≈ Galactic Grapevine
- 8A2129
≈ Red Dahlia
Tríade +120° +240°
- 822256
Pink Horror
- 505200
≈ Douro
- 005574
≈ Night Kite
Complementar dividida +150° +210°
- 822256
Pink Horror
- 0C5F01
≈ Thuja Green
- 00595E
≈ Entrapment
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 9.08:1 · APCA Lc 90
Ag
FailSobre preto
WCAG 2.31:1 · APCA Lc 12
Melhor cor de texto: #FFFFFF
WCAG 9.08:1 (AAA) · APCA Lc 90
Contrast pairs
Trechos de código
CSS
:root {
--pink-horror: #822256;
--pink-horror-rgb: 130 34 86;
--pink-horror-oklch: oklch(0.422 0.14 351.6);
}
.element {
color: var(--pink-horror);
background-color: hsl(328 59% 32%);
border-color: oklch(0.422 0.14 351.6);
}Tailwind CSS v4
@theme {
--color-pink-horror: #822256;
--color-pink-horror-50: #ffe5f8;
--color-pink-horror-100: #ffd5eb;
--color-pink-horror-200: #ffbcd9;
--color-pink-horror-300: #f099bd;
--color-pink-horror-400: #dc79a8;
--color-pink-horror-500: #c95990;
--color-pink-horror-600: #aa4c7a;
--color-pink-horror-700: #883d62;
--color-pink-horror-800: #652b49;
--color-pink-horror-900: #471d33;
--color-pink-horror-950: #2e0d1f;
}SCSS
$pink-horror: #822256;
$pink-horror-rgb: 130, 34, 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);
}