Heartwarming Tetradic Color Scheme

Five colors arranged by the tetradic rule around Heartwarming (#BF1818), each snapped to its nearest named color.

#BF1818

#6AB417

#14BAB4

#6611AA

#EE5555

Color names and codes

Name	HEX	RGB	HSL	CMYK
Heartwarming	`#BF1818`	191, 24, 24	0°, 78%, 42%	0, 87, 87, 25
Extra Life	`#6AB417`	106, 180, 23	88°, 77%, 40%	41, 0, 87, 29
Super Rare Jade	`#14BAB4`	20, 186, 180	178°, 81%, 40%	89, 0, 3, 27
Indiviolet Sunset	`#6611AA`	102, 17, 170	273°, 82%, 37%	40, 90, 0, 33
Khmer Curry	`#EE5555`	238, 85, 85	0°, 82%, 63%	0, 64, 64, 7

Which pairs work for text

Text on background	Contrast	WCAG
Aa #14BAB4 on #6611AA	3.91:1	AA large
Aa #6AB417 on #6611AA	3.66:1	AA large
Aa #6611AA on #EE5555	2.73:1	—
Aa #BF1818 on #14BAB4	2.59:1	—
Aa #BF1818 on #6AB417	2.43:1	—
Aa #BF1818 on #EE5555	1.81:1	—

CSS variables

:root {
  --color-1: #bf1818; /* Heartwarming */
  --color-2: #6ab417; /* Extra Life */
  --color-3: #14bab4; /* Super Rare Jade */
  --color-4: #6611aa; /* Indiviolet Sunset */
  --color-5: #ee5555; /* Khmer Curry */
}

Other schemes from Heartwarming

More Medium Red tetradic palettes

Questions

What colors go with Heartwarming?

In a tetradic scheme: Extra Life (#6AB417), Super Rare Jade (#14BAB4), Indiviolet Sunset (#6611AA), Khmer Curry (#EE5555).

What is the hex code of Heartwarming?

#BF1818.