Hot Pink (CSS) Monochromatic Color Scheme

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

#CC0066

#FA1A8E

#FF69B4

#FFB3DE

#FFE6F1

Color names and codes

Name	HEX	RGB	HSL	CMYK	OKLCH
Vampiric Bloodlust	`#CC0066`	204, 0, 102	330°, 100%, 40%	0, 100, 50, 20	54.6% 0.220 2
Philippine Pink	`#FA1A8E`	250, 26, 142	329°, 96%, 54%	0, 90, 43, 2	64.6% 0.254 358
Hot Pink (CSS)	`#FF69B4`	255, 105, 180	330°, 100%, 71%	0, 59, 29, 0	72.8% 0.197 352
Hot Aquarelle Pink	`#FFB3DE`	255, 179, 222	326°, 100%, 85%	0, 30, 13, 0	85.1% 0.103 345
Cherubic	`#FFE6F1`	255, 230, 241	334°, 100%, 95%	0, 10, 5, 0	94.8% 0.031 349

Which pairs work for text

Text on background	Contrast	WCAG
Aa #CC0066 on #FFE6F1	4.75:1	AA
Aa #CC0066 on #FFB3DE	3.39:1	AA large
Aa #FA1A8E on #FFE6F1	3.18:1	AA large
Aa #FA1A8E on #FFB3DE	2.28:1	—
Aa #FF69B4 on #FFE6F1	2.25:1	—
Aa #CC0066 on #FF69B4	2.11:1	—

CSS variables

:root {
  --color-1: #cc0066; /* Vampiric Bloodlust */
  --color-2: #fa1a8e; /* Philippine Pink */
  --color-3: #ff69b4; /* Hot Pink (CSS) */
  --color-4: #ffb3de; /* Hot Aquarelle Pink */
  --color-5: #ffe6f1; /* Cherubic */
}

Other schemes from Hot Pink (CSS)

More light pink monochromatic color schemes

Questions

What colors go with Hot Pink (CSS)?

In a monochromatic scheme: Vampiric Bloodlust (#CC0066), Philippine Pink (#FA1A8E), Hot Aquarelle Pink (#FFB3DE), Cherubic (#FFE6F1).

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

#FF69B4.