Couleur nommée la plus proche · #852B56
#852B56
Couleur nommée la plus proche: Pink Horror
#852B56 (rgb(133 43 86), hsl(331 51% 35%), oklch(0.437 0.131 354.4)) est la plus proche de la couleur nommée Pink Horror. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#852B56
oklch(0.437 0.131 354.4)
Conversions de couleur
- HEX
- #852b56
- RGB
- rgb(133 43 86)
- HSL
- hsl(331 51% 35%)
- HWB
- hwb(331 17% 48%)
- OKLCH
- oklch(0.437 0.131 354.4)
- OKLab
- oklab(0.437 0.13 -0.013)
- CIE Lab
- lab(32.95 41.99 -4.34)
- LCH
- lch(32.95 42.21 354.1)
- CMYK
- cmyk(0% 68% 35% 48%)
Teintes · Ombres · Tons
Teintes
- 934165
- A05675
- AD6A85
- BA7F96
- C694A7
- D2A8B8
- DDBEC9
- E9D3DB
- F4E9ED
Ombres
- 73244A
- 611D3E
- 501632
- 401027
- 300A1C
- 210512
- 130208
- 060102
- 010000
Tons
- 86355A
- 863F5E
- 874862
- 875067
- 87596B
- 86616F
- 856973
- 847177
- 82787C
Harmonies de couleurs
Complémentaire +180°
- 852B56
Pink Horror
- 00604E
≈ Sci-Fi Takeout
Analogue -30° +30°
- 852B56
Pink Horror
- 733379
≈ Maximum Purple
- 8B2B2B
≈ Borscht
Triadique +120° +240°
- 852B56
Pink Horror
- 515700
≈ Douro
- 00597C
≈ Commandes
Complémentaire divisée +150° +210°
- 852B56
Pink Horror
- 10631A
≈ Woodland Wonder
- 005D65
≈ Enamelled Jewel
Tétradique +90° +180° +270°
- 852B56
Pink Horror
- 684D00
≈ Antique Bronze
- 00604E
≈ Sci-Fi Takeout
- 2C4C99
≈ Le Grand Bleu
Contraste et accessibilité
Ag
AAASur blanc
WCAG 8.47:1 · APCA Lc 88
Ag
FailSur noir
WCAG 2.47:1 · APCA Lc 14
Meilleure couleur de texte: #FFFFFF
WCAG 8.47:1 (AAA) · APCA Lc 88
Contrast pairs
Extraits de code
CSS
:root {
--pink-horror: #852b56;
--pink-horror-rgb: 133 43 86;
--pink-horror-oklch: oklch(0.437 0.131 354.4);
}
.element {
color: var(--pink-horror);
background-color: hsl(331 51% 35%);
border-color: oklch(0.437 0.131 354.4);
}Tailwind CSS v4
@theme {
--color-pink-horror: #852b56;
--color-pink-horror-50: #ffe6f6;
--color-pink-horror-100: #ffd7e9;
--color-pink-horror-200: #ffbdd6;
--color-pink-horror-300: #ed9bb9;
--color-pink-horror-400: #da7ca3;
--color-pink-horror-500: #c65d8b;
--color-pink-horror-600: #a84f76;
--color-pink-horror-700: #873f5e;
--color-pink-horror-800: #642d47;
--color-pink-horror-900: #461f31;
--color-pink-horror-950: #2d0e1d;
}SCSS
$pink-horror: #852b56;
$pink-horror-rgb: 133, 43, 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);
}