Screamin’ Green Triadic Color Scheme

Five colors arranged by the triadic rule around Screamin’ Green (#66FF66), each snapped to its nearest named color.

#66FF66

#6666FF

#FF6666

#CCFFCC

#1C1CF0

Color names and codes

Name	HEX	RGB	HSL	CMYK
Screamin’ Green	`#66FF66`	102, 255, 102	120°, 100%, 70%	60, 0, 60, 0
Blue Genie	`#6666FF`	102, 102, 255	240°, 100%, 70%	60, 60, 0, 0
Pompelmo	`#FF6666`	255, 102, 102	0°, 100%, 70%	0, 60, 60, 0
Distilled Moss	`#CCFFCC`	204, 255, 204	120°, 100%, 90%	20, 0, 20, 0
Bluebonnet	`#1C1CF0`	28, 28, 240	240°, 88%, 53%	88, 88, 0, 6

Which pairs work for text

Text on background	Contrast	WCAG
Aa #CCFFCC on #1C1CF0	7.58:1	AAA
Aa #66FF66 on #1C1CF0	6.49:1	AA
Aa #6666FF on #CCFFCC	3.82:1	AA large
Aa #66FF66 on #6666FF	3.27:1	AA large
Aa #FF6666 on #1C1CF0	2.97:1	—
Aa #FF6666 on #CCFFCC	2.55:1	—

CSS variables

:root {
  --color-1: #66ff66; /* Screamin’ Green */
  --color-2: #6666ff; /* Blue Genie */
  --color-3: #ff6666; /* Pompelmo */
  --color-4: #ccffcc; /* Distilled Moss */
  --color-5: #1c1cf0; /* Bluebonnet */
}

Other schemes from Screamin’ Green

#66FF66
#C1FDC9
#FF66FF
#FF11FF
#FFCCFF
Screamin’ Green Complementary Color Scheme
#FFFF66
#B1FF65
#66FF66
#6BFFB3
#65FFFF
Screamin’ Green Analogous Color Scheme
#66FF66
#AA66FF
#FF69B4
#1DF914
#D6B4FC
Screamin’ Green Split-complementary Color Scheme
#66FF66
#77B5FE
#FF66FF
#FFB066
#CCFFCC
Screamin’ Green Tetradic Color Scheme
#00CC00
#1DF914
#66FF66
#B6FFBB
#E7FBEC
Screamin’ Green Monochromatic Color Scheme

More Light Green triadic palettes

Questions

What colors go with Screamin’ Green?

In a triadic scheme: Blue Genie (#6666FF), Pompelmo (#FF6666), Distilled Moss (#CCFFCC), Bluebonnet (#1C1CF0).

What is the hex code of Screamin’ Green?

#66FF66.