Couleur nommée · #90305D
Pink Horror
Pink Horror correspond à #90305D : rgb(144 48 93), hsl(332 50% 38%), oklch(0.463 0.137 354.8). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Red mean? → · Pink Horror color name →
#90305D
oklch(0.463 0.137 354.8)
Conversions de couleur
- HEX
- #90305d
- RGB
- rgb(144 48 93)
- HSL
- hsl(332 50% 38%)
- HWB
- hwb(332 19% 44%)
- OKLCH
- oklch(0.463 0.137 354.8)
- OKLab
- oklab(0.463 0.137 -0.012)
- CIE Lab
- lab(35.96 44.13 -4.14)
- LCH
- lch(35.96 44.33 354.6)
- CMYK
- cmyk(0% 67% 35% 44%)
Teintes · Ombres · Tons
Teintes
- 9D466C
- A95A7B
- B56E8A
- C1829A
- CC97AA
- D7ABBB
- E1C0CC
- EBD5DC
- F5EAEE
Ombres
- 7D2850
- 6A2143
- 571A37
- 45132A
- 340C1F
- 240614
- 15030A
- 070103
- 010000
Tons
- 903A60
- 8F4364
- 8E4C67
- 8D546B
- 8C5B6E
- 8A6372
- 886A75
- 867279
- 83797C
Harmonies de couleurs
Complémentaire +180°
- 90305D
Pink Horror
- 006956
≈ Chrysocolla Medium Green
Analogue -30° +30°
- 90305D
Pink Horror
- 7D3882
≈ Sparkling Grape
- 97312F
≈ Ripasso
Triadique +120° +240°
- 90305D
Pink Horror
- 585F00
≈ Greensboro
- 006187
≈ Blue League
Complémentaire divisée +150° +210°
- 90305D
Pink Horror
- 126C1F
≈ Avagddu Green
- 00656E
≈ Wakame Green
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
AAASur blanc
WCAG 7.59:1 · APCA Lc 86
Ag
FailSur noir
WCAG 2.76:1 · APCA Lc 16
Meilleure couleur de texte: #FFFFFF
WCAG 7.59:1 (AAA) · APCA Lc 86
Contrast pairs
Extraits de code
CSS
:root {
--pink-horror: #90305d;
--pink-horror-rgb: 144 48 93;
--pink-horror-oklch: oklch(0.463 0.137 354.8);
}
.element {
color: var(--pink-horror);
background-color: hsl(332 50% 38%);
border-color: oklch(0.463 0.137 354.8);
}Tailwind CSS v4
@theme {
--color-pink-horror: #90305d;
--color-pink-horror-50: #ffe6f6;
--color-pink-horror-100: #ffd6e9;
--color-pink-horror-200: #ffbcd5;
--color-pink-horror-300: #f099b8;
--color-pink-horror-400: #dd7aa3;
--color-pink-horror-500: #c95a8b;
--color-pink-horror-600: #aa4d76;
--color-pink-horror-700: #893d5e;
--color-pink-horror-800: #652c47;
--color-pink-horror-900: #471d31;
--color-pink-horror-950: #2e0d1d;
}SCSS
$pink-horror: #90305d;
$pink-horror-rgb: 144, 48, 93;
$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);
}