Heartwarming Triadic Color Scheme

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

#BF1818

#11BB11

#0011BB

#EE5555

#007711

Color names and codes

Name	HEX	RGB	HSL	CMYK
Heartwarming	`#BF1818`	191, 24, 24	0°, 78%, 42%	0, 87, 87, 25
Emerald Starling	`#11BB11`	17, 187, 17	120°, 83%, 40%	91, 0, 91, 27
Too Dark Tonight	`#0011BB`	0, 17, 187	235°, 100%, 37%	100, 91, 0, 27
Khmer Curry	`#EE5555`	238, 85, 85	0°, 82%, 63%	0, 64, 64, 7
Spreadsheet Green	`#007711`	0, 119, 17	129°, 100%, 23%	100, 0, 86, 53

Which pairs work for text

Text on background	Contrast	WCAG
Aa #11BB11 on #0011BB	4.53:1	AA
Aa #0011BB on #EE5555	3.37:1	AA large
Aa #BF1818 on #11BB11	2.42:1	—
Aa #11BB11 on #007711	2.23:1	—
Aa #0011BB on #007711	2.03:1	—
Aa #BF1818 on #0011BB	1.87:1	—

CSS variables

:root {
  --color-1: #bf1818; /* Heartwarming */
  --color-2: #11bb11; /* Emerald Starling */
  --color-3: #0011bb; /* Too Dark Tonight */
  --color-4: #ee5555; /* Khmer Curry */
  --color-5: #007711; /* Spreadsheet Green */
}

Other schemes from Heartwarming

More Medium Red triadic palettes

Questions

What colors go with Heartwarming?

In a triadic scheme: Emerald Starling (#11BB11), Too Dark Tonight (#0011BB), Khmer Curry (#EE5555), Spreadsheet Green (#007711).

What is the hex code of Heartwarming?

#BF1818.