Huebook

Hot Pink (CSS) Tetradic Color Scheme

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

#FF69B4
#FFFF69
#6BFFB3
#6666FF
#FBCCE7

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Hot Pink (CSS)#FF69B4255, 105, 180330°, 100%, 71%0, 59, 29, 072.8% 0.197 352
Supercalifragilisticexpialidocious#FFFF69255, 255, 10560°, 100%, 71%0, 0, 59, 097.3% 0.169 109
Venice Green#6BFFB3107, 255, 179149°, 100%, 71%58, 0, 30, 090.0% 0.167 158
Blue Genie#6666FF102, 102, 255240°, 100%, 70%60, 60, 0, 059.8% 0.221 277
Classic Rose#FBCCE7251, 204, 231326°, 85%, 89%0, 19, 8, 289.4% 0.063 343

Which pairs work for text

Text on backgroundContrastWCAG
Aa #FFFF69 on #6666FF4.02:1AA large
Aa #6BFFB3 on #6666FF3.38:1AA large
Aa #6666FF on #FBCCE73.03:1AA large
Aa #FF69B4 on #FFFF692.49:1—
Aa #FF69B4 on #6BFFB32.09:1—
Aa #FF69B4 on #FBCCE71.88:1—

CSS variables

:root {
  --color-1: #ff69b4; /* Hot Pink (CSS) */
  --color-2: #ffff69; /* Supercalifragilisticexpialidocious */
  --color-3: #6bffb3; /* Venice Green */
  --color-4: #6666ff; /* Blue Genie */
  --color-5: #fbcce7; /* Classic Rose */
}

Other schemes from Hot Pink (CSS)

More light pink tetradic color schemes

Questions

What colors go with Hot Pink (CSS)?

In a tetradic scheme: Supercalifragilisticexpialidocious (#FFFF69), Venice Green (#6BFFB3), Blue Genie (#6666FF), Classic Rose (#FBCCE7).

What is the hex code of Hot Pink (CSS)?

#FF69B4.