CSS Color Swatches

Monochromatic Colors (80% Lightness ÷ 7)

#4d0000

#8f0000

#d60000

#ff1a1a

#ffe6e6

#ffa3a3

#ff5c5c

Analogous Colors (Base ± 30°, 60°, 90°)

#8000ff

#ff00ff

#ff0080

#ff0000

#ff8000

#ffff00

#80ff00

Spread Colors (Base + 60°, 120°, 180°, 240°, 270°, 300°)

#ff0000

#ffff00

#00ff00

#00ffff

#0000ff

#8000ff

#ff00ff

Dodecad 1 Colors (Base +30°)

#663300

#994d00

#cc6600

#ff8000

#ff9933

#ffb366

#ffcc99

Decad 1 Colors (Base +36°)

#663d00

#995c00

#cc7a00

#ff9900

#ffad33

#ffc266

#ffd699

Octad 1 Colors (Base +45°)

#664d00

#997300

#cc9900

#ffbf00

#ffcc33

#ffd966

#ffe699

Hexad 1, Dodecad 2 Colors (Base +60°)

#666600

#999900

#cccc00

#ffff00

#ffff33

#ffff66

#ffff99

Pentad 1, Decad 2 Colors (Base +72°)

#526600

#7a9900

#a3cc00

#ccff00

#d6ff33

#e0ff66

#ebff99

Tetrad 1, Octad 2, Dodecad 3 Colors (Base +90°)

#336600

#4d9900

#66cc00

#80ff00

#99ff33

#b3ff66

#ccff99

Decad 3 Colors (Base +108°)

#146600

#1f9900

#29cc00

#33ff00

#5cff33

#85ff66

#adff99

Triad 1, Hexad 2, Dodecad 4 Colors (Base +120°)

#006600

#009900

#00cc00

#00ff00

#33ff33

#66ff66

#99ff99

Octad 3 Colors (Base +135°)

#00661a

#009926

#00cc33

#00ff40

#33ff66

#66ff8c

#99ffb3

Pentad 2, Decad 4 Colors (Base +144°)

#006629

#00993d

#00cc52

#00ff66

#33ff85

#66ffa3

#99ffc2

Split Complementary 1, Dodecad 5 Colors (Base +150°)

#006633

#00994d

#00cc66

#00ff80

#33ff99

#66ffb3

#99ffcc

Complementary, Dyad 1, Tetrad 2, Hexad 3, Octad 4, Decad 5 Colors (Base +180°)

#006666

#009999

#00cccc

#00ffff

#33ffff

#66ffff

#99ffff

Split Complementary 2, Dodecad7 Colors (Base +210°)

#003366

#004c99

#0066cc

#0080ff

#3399ff

#66b3ff

#99ccff

Pentad 3, Decad 6 Colors (Base +216°)

#002966

#003d99

#0052cc

#0066ff

#3385ff

#66a3ff

#99c2ff

Octad 5 Colors (Base +225°)

#001a66

#002699

#0033cc

#0040ff

#3366ff

#668cff

#99b3ff

Triad 2, Hexad 4 Colors (Base +240°)

#000066

#000099

#0000cc

#0000ff

#3333ff

#6666ff

#9999ff

Decad 7 Colors (Base +252°)

#140066

#1f0099

#2900cc

#3300ff

#5c33ff

#8566ff

#ad99ff

Tetrad 3, Octad 6 Colors (Base +270°)

#330066

#4c0099

#6600cc

#8000ff

#9933ff

#b366ff

#cc99ff

Pentad 4, Decad 8 Colors (Base +288°)

#520066

#7a0099

#a300cc

#cc00ff

#d633ff

#e066ff

#eb99ff

Hexad 5 Colors (Base +300°)

#660066

#990099

#cc00cc

#ff00ff

#ff33ff

#ff66ff

#ff99ff

Octad 7 Colors (Base 315°)

#66004c

#990073

#cc0099

#ff00bf

#ff33cc

#ff66d9

#ff99e6

Decad 9 Colors (Base +324°)

#66003d

#99005c

#cc007a

#ff0099

#ff33ad

#ff66c2

#ff99d6

Dodecad 11 Colors (Base +330°)

#660033

#99004d

#cc0066

#ff0080

#ff3399

#ff66b3

#ff99cc

Color Wheel Dodecadic (12) Hues

Red (0°)
Orange (30°)
Yellow (60°)
Spring Green (90°)
Green (120°)
Ocean Green (150°)
Cyan (180°)
Sky Blue (210°)
Blue (240°)
Purple (270°)
Magenta (300°)
Crimson (330°)