Dark Hot Pink #D90166
Dark Hot Pink is a medium-dark, vivid red with hex code #D90166 and RGB rgb(217, 1, 102).
Aa
White text reads best on this color (5.06:1).
About this color
#D90166 is a medium-dark, vivid red. In OKLCH its lightness is 57%, its chroma 0.229 and its hue 5°. Its hue sits on the warm side of the wheel. It is the named color Dark Hot Pink. White text reads best on it, at 5.06:1.
| Hue family | Reds |
| Lightness | medium-dark (57%) |
| Chroma | vivid (0.229) |
| Temperature | warm |
| Nearest name | Dark Hot Pink |
| Black text | 4.14:1 |
| White text | 5.06:1 |
Colors that go with Dark Hot Pink
Matches found by rotating Dark Hot Pink around the OKLCH hue wheel, each labelled with the closest name in our list.
Complementary
The opposite hue (180°).
Analogous
Neighbouring hues, 30° either side.
Triadic
Three hues spaced 120° apart.
Color palettes with Dark Hot Pink
Curated color palettes that contain a color within ΔE 0.06 (OKLab) of Dark Hot Pink, closest first.
Similar named colors
The eight named colors closest to Dark Hot Pink, with their ΔE distance.
- Cerise #DE0C62 ΔE 0.015
- Lipstick #D5174E ΔE 0.038
- Ruby #CA0147 ΔE 0.052
- Dark Pink #CB416B ΔE 0.054
- Crimson #DC143C ΔE 0.061
- Medium Violet Red #C71585 ΔE 0.061
- Deep Rose #C74767 ΔE 0.067
- Cherry #CF0234 ΔE 0.069
More about Dark Hot Pink
How to make Dark Hot Pink
A starting recipe from common paint colors, found with a spectral paint model (the color mixer’s paint mode). Real pigments vary, so mix a small test batch and adjust.
- 1 part red
Recipe result: #D7262E, a difference of ΔE 0.081 from Dark Hot Pink. Dark Hot Pink is more vivid than these paints can mix, so start from a ready-made pink paint and adjust it.
Codes for Dark Hot Pink in every format
| HEX | #D90166 |
| RGB | rgb(217, 1, 102) |
| HSL | hsl(332, 99%, 43%) |
| OKLCH | oklch(57% 0.229 4.7) |
Contrast
WCAG 2 contrast ratios are the conformance target: AA needs 4.5:1 for body text and 3:1 for large text, AAA needs 7:1. APCA Lc values are supplementary guidance from the WCAG 3 drafts.
| Pair | WCAG 2 | Result | APCA | APCA guidance |
|---|---|---|---|---|
| White text on #D90166 | 5.06:1 | AA | Lc -77.7 | Fine for body text |
| Black text on #D90166 | 4.14:1 | AA large text | Lc 31.8 | Non-text elements, placeholder text |
| #D90166 text on white | 5.06:1 | AA | Lc 72.3 | Content text, not long reading |
| #D90166 text on black | 4.14:1 | AA large text | Lc -29.4 | Dividers and decoration only |
Shades and tints of Dark Hot Pink
A 50–950 scale built in OKLCH: the hue is held, lightness follows a Tailwind v4-like curve, and every step is kept inside the sRGB gamut. This color sits at step 600.
-
Step 50
50
#FEF2F4
oklch(97.1% 0.013 5.8)
-
Step 100
100
#FDE2E7
oklch(93.6% 0.03 5)
-
Step 200
200
#FBCAD4
oklch(88.4% 0.057 4.6)
-
Step 300
300
#F9A4B8
oklch(80.8% 0.103 4.3)
-
Step 400
400
#F26F93
oklch(70.8% 0.164 5)
-
Step 500
500
#E93D79
oklch(63.1% 0.211 4.7)
-
Step 600
600 (this color)
#D90166
oklch(57% 0.229 4.7)
-
Step 700
700
#B20052
oklch(49.1% 0.197 4.8)
-
Step 800
800
#930043
oklch(42.7% 0.172 4.5)
-
Step 900
900
#771138
oklch(37.6% 0.137 4.7)
-
Step 950
950
#460E21
oklch(27% 0.086 4.5)
Dark Hot Pink with color blindness
Simulated with the Machado et al. (2009) model. ΔE is how far the color moves: below about 0.02 you would not notice a change.
| Vision | Seen as | Shift (ΔE) |
|---|---|---|
| Protanopia (no red cones) | #4F5668 | 0.261 |
| Deuteranopia (no green cones) | #827C61 | 0.234 |
| Tritanopia (no blue cones) | #ED003B | 0.073 |
| Achromatopsia (no color) | #6E6E6E | 0.231 |
Use Dark Hot Pink in your product
Turn it into light and dark UI roles checked for contrast, then export to Tailwind v4, shadcn/ui, CSS or design tokens.