Couleur nommée la plus proche · #902B57
#902B57
Couleur nommée la plus proche: Pink Horror
#902B57 (rgb(144 43 87), hsl(334 54% 37%), oklch(0.456 0.141 357.6)) 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.
#902B57
oklch(0.456 0.141 357.6)
Conversions de couleur
- HEX
- #902b57
- RGB
- rgb(144 43 87)
- HSL
- hsl(334 54% 37%)
- HWB
- hwb(334 17% 44%)
- OKLCH
- oklch(0.456 0.141 357.6)
- OKLab
- oklab(0.456 0.141 -0.006)
- CIE Lab
- lab(35.03 45.64 -1.65)
- LCH
- lch(35.03 45.67 357.9)
- CMYK
- cmyk(0% 70% 40% 44%)
Teintes · Ombres · Tons
Teintes
- 9D4266
- A95776
- B56C86
- C18096
- CC95A7
- D7AAB8
- E2BFC9
- ECD4DB
- F6E9ED
Ombres
- 7D244B
- 6A1D3E
- 571633
- 451027
- 340A1C
- 240512
- 150208
- 070103
- 010000
Tons
- 90365B
- 8F405F
- 8F4963
- 8E5167
- 8C5A6B
- 8B626F
- 896973
- 867178
- 83797C
Harmonies de couleurs
Complémentaire +180°
- 902B57
Pink Horror
- 006656
≈ Piney Lake
Analogue -30° +30°
- 902B57
Pink Horror
- 7E347E
≈ Sparkling Grape
- 962D26
≈ Saffronaut
Triadique +120° +240°
- 902B57
Pink Horror
- 525E00
≈ Greensboro
- 005E87
≈ Blue Flame
Complémentaire divisée +150° +210°
- 902B57
Pink Horror
- 006A25
≈ Avagddu Green
- 00636D
≈ Peacock Tail
Tétradique +90° +180° +270°
- 902B57
Pink Horror
- 6D5300
≈ Ayahuasca Vine
- 006656
≈ Piney Lake
- 354FA4
≈ Dazzling Blue
Contraste et accessibilité
Ag
AAASur blanc
WCAG 7.86:1 · APCA Lc 86
Ag
FailSur noir
WCAG 2.66:1 · APCA Lc 16
Meilleure couleur de texte: #FFFFFF
WCAG 7.86:1 (AAA) · APCA Lc 86
Contrast pairs
Extraits de code
CSS
:root {
--pink-horror: #902b57;
--pink-horror-rgb: 144 43 87;
--pink-horror-oklch: oklch(0.456 0.141 357.6);
}
.element {
color: var(--pink-horror);
background-color: hsl(334 54% 37%);
border-color: oklch(0.456 0.141 357.6);
}Tailwind CSS v4
@theme {
--color-pink-horror: #902b57;
--color-pink-horror-50: #ffe5f4;
--color-pink-horror-100: #ffd5e6;
--color-pink-horror-200: #ffbbd2;
--color-pink-horror-300: #f398b5;
--color-pink-horror-400: #e0789f;
--color-pink-horror-500: #cd5886;
--color-pink-horror-600: #ad4b72;
--color-pink-horror-700: #8b3c5b;
--color-pink-horror-800: #672b44;
--color-pink-horror-900: #481d2f;
--color-pink-horror-950: #2f0c1c;
}SCSS
$pink-horror: #902b57;
$pink-horror-rgb: 144, 43, 87;
$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);
}