Huebook

Hot Pink Analogous Color Scheme

Five colors arranged by the analogous rule around Hot Pink (#FF028D), each snapped to its nearest named color.

#6F00FE
#EE00FF
#FF028D
#FF000D
#FF7300

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Bright Indigo#6F00FE111, 0, 254266°, 100%, 50%56, 100, 0, 051.1% 0.292 288
Brusque Pink#EE00FF238, 0, 255296°, 100%, 50%7, 100, 0, 067.6% 0.317 325
Hot Pink#FF028D255, 2, 141327°, 100%, 50%0, 99, 45, 065.0% 0.264 358
Bright Red#FF000D255, 0, 13357°, 100%, 50%0, 100, 95, 062.8% 0.257 29
Philippine Orange#FF7300255, 115, 027°, 100%, 50%0, 55, 100, 071.3% 0.195 48

Which pairs work for text

Text on backgroundContrastWCAG
Aa #6F00FE on #FF73002.48:1—
Aa #6F00FE on #EE00FF1.96:1—
Aa #6F00FE on #FF028D1.82:1—
Aa #6F00FE on #FF000D1.69:1—
Aa #FF000D on #FF73001.47:1—
Aa #FF028D on #FF73001.36:1—

CSS variables

:root {
  --color-1: #6f00fe; /* Bright Indigo */
  --color-2: #ee00ff; /* Brusque Pink */
  --color-3: #ff028d; /* Hot Pink */
  --color-4: #ff000d; /* Bright Red */
  --color-5: #ff7300; /* Philippine Orange */
}

Other schemes from Hot Pink

More medium pink analogous color schemes

Questions

What colors go with Hot Pink?

In a analogous scheme: Bright Indigo (#6F00FE), Brusque Pink (#EE00FF), Bright Red (#FF000D), Philippine Orange (#FF7300).

What is the hex code of Hot Pink?

#FF028D.