Transfusion Triadic Color Scheme

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

#EA1833

#2FEF10

#0033EE

#F27987

#22AA00

Color names and codes

Name	HEX	RGB	HSL	CMYK
Transfusion	`#EA1833`	234, 24, 51	352°, 83%, 51%	0, 90, 78, 8
Vivid Green	`#2FEF10`	47, 239, 16	112°, 87%, 50%	80, 0, 93, 6
Blue Bouquet	`#0033EE`	0, 51, 238	227°, 100%, 47%	100, 79, 0, 7
Flower Blossom Pink	`#F27987`	242, 121, 135	353°, 82%, 71%	0, 50, 44, 5
Vegetarian	`#22AA00`	34, 170, 0	108°, 100%, 33%	80, 0, 100, 33

Which pairs work for text

Text on background	Contrast	WCAG
Aa #2FEF10 on #0033EE	4.98:1	AA
Aa #0033EE on #F27987	2.90:1	—
Aa #EA1833 on #2FEF10	2.88:1	—
Aa #0033EE on #22AA00	2.52:1	—
Aa #2FEF10 on #22AA00	1.98:1	—
Aa #EA1833 on #0033EE	1.73:1	—

CSS variables

:root {
  --color-1: #ea1833; /* Transfusion */
  --color-2: #2fef10; /* Vivid Green */
  --color-3: #0033ee; /* Blue Bouquet */
  --color-4: #f27987; /* Flower Blossom Pink */
  --color-5: #22aa00; /* Vegetarian */
}

Other schemes from Transfusion

More Medium Red triadic palettes

Questions

What colors go with Transfusion?

In a triadic scheme: Vivid Green (#2FEF10), Blue Bouquet (#0033EE), Flower Blossom Pink (#F27987), Vegetarian (#22AA00).

What is the hex code of Transfusion?

#EA1833.