Cherry Tomato Complementary Color Scheme

Five colors arranged by the complementary rule around Cherry Tomato (#F2013F), each snapped to its nearest named color.

#F2013F

#F54D79

#00FBB0

#00A67E

#55FFCC

Color names and codes

Name	HEX	RGB	HSL	CMYK
Cherry Tomato	`#F2013F`	242, 1, 63	345°, 99%, 48%	0, 100, 74, 5
Bonker Pink	`#F54D79`	245, 77, 121	344°, 89%, 63%	0, 69, 51, 4
Greenish Turquoise	`#00FBB0`	0, 251, 176	162°, 100%, 49%	100, 0, 30, 2
Active Green	`#00A67E`	0, 166, 126	166°, 100%, 33%	100, 0, 24, 35
Rare Wind	`#55FFCC`	85, 255, 204	162°, 100%, 67%	67, 0, 20, 0

Which pairs work for text

Text on background	Contrast	WCAG
Aa #F2013F on #55FFCC	3.41:1	AA large
Aa #F2013F on #00FBB0	3.18:1	AA large
Aa #F54D79 on #55FFCC	2.66:1	—
Aa #F54D79 on #00FBB0	2.48:1	—
Aa #00A67E on #55FFCC	2.45:1	—
Aa #00FBB0 on #00A67E	2.28:1	—

CSS variables

:root {
  --color-1: #f2013f; /* Cherry Tomato */
  --color-2: #f54d79; /* Bonker Pink */
  --color-3: #00fbb0; /* Greenish Turquoise */
  --color-4: #00a67e; /* Active Green */
  --color-5: #55ffcc; /* Rare Wind */
}

Other schemes from Cherry Tomato

More Medium Pink complementary palettes

Questions

What colors go with Cherry Tomato?

In a complementary scheme: Bonker Pink (#F54D79), Greenish Turquoise (#00FBB0), Active Green (#00A67E), Rare Wind (#55FFCC).

What is the hex code of Cherry Tomato?

#F2013F.