Mochito Triadic Color Scheme

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

#8EFA00

#0088FF

#FF0090

#B9FF66

#0264AE

Color names and codes

Name	HEX	RGB	HSL	CMYK
Mochito	`#8EFA00`	142, 250, 0	86°, 100%, 49%	43, 0, 100, 2
Too Blue to Be True	`#0088FF`	0, 136, 255	208°, 100%, 50%	100, 47, 0, 0
Pink Panther	`#FF0090`	255, 0, 144	326°, 100%, 50%	0, 100, 44, 0
Luminescent Lime	`#B9FF66`	185, 255, 102	87°, 100%, 70%	27, 0, 60, 0
Cobalt Stone	`#0264AE`	2, 100, 174	206°, 98%, 35%	99, 43, 0, 32

Which pairs work for text

Text on background	Contrast	WCAG
Aa #B9FF66 on #0264AE	5.11:1	AA
Aa #8EFA00 on #0264AE	4.60:1	AA
Aa #FF0090 on #B9FF66	3.11:1	AA large
Aa #0088FF on #B9FF66	2.94:1	—
Aa #8EFA00 on #FF0090	2.80:1	—
Aa #8EFA00 on #0088FF	2.65:1	—

CSS variables

:root {
  --color-1: #8efa00; /* Mochito */
  --color-2: #0088ff; /* Too Blue to Be True */
  --color-3: #ff0090; /* Pink Panther */
  --color-4: #b9ff66; /* Luminescent Lime */
  --color-5: #0264ae; /* Cobalt Stone */
}

Other schemes from Mochito

More Medium Green triadic palettes

Questions

What colors go with Mochito?

In a triadic scheme: Too Blue to Be True (#0088FF), Pink Panther (#FF0090), Luminescent Lime (#B9FF66), Cobalt Stone (#0264AE).

What is the hex code of Mochito?

#8EFA00.