Rubylicious Tetradic Color Scheme

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

#DB1459

#BBDD11

#19CC89

#360CCC

#F36196

Color names and codes

Name	HEX	RGB	HSL	CMYK
Rubylicious	`#DB1459`	219, 20, 89	339°, 83%, 47%	0, 91, 59, 14
Cucumber Bomber	`#BBDD11`	187, 221, 17	70°, 86%, 47%	15, 0, 92, 13
Retro Lime	`#19CC89`	25, 204, 137	158°, 78%, 45%	88, 0, 33, 20
Interdimensional Blue	`#360CCC`	54, 12, 204	253°, 89%, 42%	74, 94, 0, 20
Medium Pink	`#F36196`	243, 97, 150	338°, 86%, 67%	0, 60, 38, 5

Which pairs work for text

Text on background	Contrast	WCAG
Aa #BBDD11 on #360CCC	6.47:1	AA
Aa #19CC89 on #360CCC	4.82:1	AA
Aa #360CCC on #F36196	3.34:1	AA large
Aa #DB1459 on #BBDD11	3.16:1	AA large
Aa #DB1459 on #19CC89	2.36:1	—
Aa #DB1459 on #360CCC	2.04:1	—

CSS variables

:root {
  --color-1: #db1459; /* Rubylicious */
  --color-2: #bbdd11; /* Cucumber Bomber */
  --color-3: #19cc89; /* Retro Lime */
  --color-4: #360ccc; /* Interdimensional Blue */
  --color-5: #f36196; /* Medium Pink */
}

Other schemes from Rubylicious

More Medium Pink tetradic palettes

Questions

What colors go with Rubylicious?

In a tetradic scheme: Cucumber Bomber (#BBDD11), Retro Lime (#19CC89), Interdimensional Blue (#360CCC), Medium Pink (#F36196).

What is the hex code of Rubylicious?

#DB1459.