Rubylicious Triadic Color Scheme

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

#DB1459

#5EDC1F

#1559DB

#F36196

#3F9B0B

Color names and codes

Name	HEX	RGB	HSL	CMYK	OKLCH
Rubylicious	`#DB1459`	219, 20, 89	339°, 83%, 47%	0, 91, 59, 14	57.5% 0.222 10
Green Apple	`#5EDC1F`	94, 220, 31	100°, 75%, 49%	57, 0, 86, 14	79.2% 0.237 138
Chun-Li Blue	`#1559DB`	21, 89, 219	219°, 83%, 47%	90, 59, 0, 14	51.0% 0.210 262
Medium Pink	`#F36196`	243, 97, 150	338°, 86%, 67%	0, 60, 38, 5	69.2% 0.185 1
Grass Is Greener	`#3F9B0B`	63, 155, 11	98°, 87%, 33%	59, 0, 93, 39	61.0% 0.185 138

Which pairs work for text

Text on background	Contrast	WCAG
Aa #5EDC1F on #1559DB	3.37:1	AA large
Aa #DB1459 on #5EDC1F	2.76:1	—
Aa #1559DB on #F36196	2.00:1	—
Aa #5EDC1F on #3F9B0B	1.99:1	—
Aa #1559DB on #3F9B0B	1.69:1	—
Aa #5EDC1F on #F36196	1.69:1	—

CSS variables

:root {
  --color-1: #db1459; /* Rubylicious */
  --color-2: #5edc1f; /* Green Apple */
  --color-3: #1559db; /* Chun-Li Blue */
  --color-4: #f36196; /* Medium Pink */
  --color-5: #3f9b0b; /* Grass Is Greener */
}

Other schemes from Rubylicious

More medium pink triadic color schemes

Questions

What colors go with Rubylicious?

In a triadic scheme: Green Apple (#5EDC1F), Chun-Li Blue (#1559DB), Medium Pink (#F36196), Grass Is Greener (#3F9B0B).

What is the hex code of Rubylicious?

#DB1459.