Salmon (CSS) Analogous Color Scheme

Five colors arranged by the analogous rule around Salmon (CSS) (#FA8072), each snapped to its nearest named color.

#FF77EE

#F970AC

#FA8072

#F8C275

#ECF474

Color names and codes

Name	HEX	RGB	HSL	CMYK	OKLCH
Avant-Garde Pink	`#FF77EE`	255, 119, 238	308°, 100%, 73%	0, 53, 7, 0	76.8% 0.214 332
Crazy Pink	`#F970AC`	249, 112, 172	334°, 92%, 71%	0, 55, 31, 2	72.6% 0.178 355
Salmon (CSS)	`#FA8072`	250, 128, 114	6°, 93%, 71%	0, 49, 54, 2	73.5% 0.152 28
Just Peachy	`#F8C275`	248, 194, 117	35°, 90%, 72%	0, 22, 53, 3	84.7% 0.113 75
Nuclear Acid	`#ECF474`	236, 244, 116	64°, 85%, 71%	3, 0, 52, 4	93.6% 0.151 112

Which pairs work for text

Text on background	Contrast	WCAG
Aa #F970AC on #ECF474	2.24:1	—
Aa #FA8072 on #ECF474	2.12:1	—
Aa #FF77EE on #ECF474	1.95:1	—
Aa #F970AC on #F8C275	1.63:1	—
Aa #FA8072 on #F8C275	1.54:1	—
Aa #FF77EE on #F8C275	1.42:1	—

CSS variables

:root {
  --color-1: #ff77ee; /* Avant-Garde Pink */
  --color-2: #f970ac; /* Crazy Pink */
  --color-3: #fa8072; /* Salmon (CSS) */
  --color-4: #f8c275; /* Just Peachy */
  --color-5: #ecf474; /* Nuclear Acid */
}

Other schemes from Salmon (CSS)

More light red analogous color schemes

Questions

What colors go with Salmon (CSS)?

In a analogous scheme: Avant-Garde Pink (#FF77EE), Crazy Pink (#F970AC), Just Peachy (#F8C275), Nuclear Acid (#ECF474).

What is the hex code of Salmon (CSS)?

#FA8072.