Split Complementary Color Schemes

Home > Web Design > Split-complementary

Split complementary color schemes are created by choosing a color then selecting colors on either side of its complement. Here are some simple split complementary color schemes in the RGB model. In HSL notation, an "L" or lightiness value of 0.5 is the base color. Increase the lightness to achieve the effect of a tint and decrease the lightness to achieve the value of a shade.

These are examples of RGB split complementary color schemes.

FF9999 (tint/ L>0.5)	#99FFCC (tint/ L>0.5)	#99CCFF (tint/ L>0.5)
#FF0000	#00FF80	#0080FF
#990000 (shade/ L<0.5)	#00994C (shade/ L<0.5)	#004C99 (shade/ L<0.5)

#FF8000

#00FFFF

#0000FF

#FFFF00

#0080FF

#8000FF

#80FF00

#0000FF

#FF00FF

#00FF00

#8000FF

#FF0080

#00FF80

#FF00FF

#FF0000

#00FFFF

#FF0000

#FF0080

#0080FF

#FF0000

#FFFF00

#0000FF

#FF8000

#80FF00

#8000FF

#FFFF00

#00FF00

#FF00FF

#80FF00

#00FF80

#FF0080

#00FF00

#00FFFF

These are examples of RYB split complementary color schemes.

#FF9999 (tint/ L>0.5)	#99FF99 (tint/ L>0.5)	#CBFFED (tint/ L>0.5)
#FF0000	#7FFF00	#7FFFD4
#990000 (shade/ L<0.5)	#009900 (shade/ L<0.5)	#4C997F (shade/ L<0.5)

#E34234

#00FF00

#0000FF

#FF7F00

#7FFFD4

#4B0082

#FFBF00

#0000FF

#800080

#FFFF00

#4B0082

#800080

#7FFF00

#800080

#FF0000

#00FF00

#FF00FF

#E34234

#7FFFD4

#FF0000

#FF7F00

#0000FF

#E34234

#FFBF00

#4B0082

#FF7F00

#7FFF00

#800080

#FFBF00

#7FFF00

#FF00FF

#FFFF00

#00FF00