Generate Color Scheme

color Updated

Generate a color scheme based on a base hue and variation.

Ads are disabled, if you wish to support me please consider disabling your ad blocker.

Base Hue

0 0 360

rgb(100% 0% 0%)

Variation

Color Schemes

Mono

Single Colors

rgb(100% 0% 0%)

rgb(70.196% 0% 0%)

rgb(100% 74.902% 74.902%)

rgb(100% 50.196% 50.196%)

#ff0000
#b30000
#ffbfbf
#ff8080

Triade

Single Colors

rgb(100% 0% 0%)

rgb(70.196% 0% 0%)

rgb(100% 74.902% 74.902%)

rgb(100% 50.196% 50.196%)

rgb(60% 100% 0%)

rgb(41.961% 70.196% 0%)

rgb(90.196% 100% 74.902%)

rgb(80% 100% 50.196%)

rgb(0% 60% 60%)

rgb(0% 41.961% 41.961%)

rgb(74.902% 100% 100%)

rgb(50.196% 100% 100%)

#ff0000
#b30000
#ffbfbf
#ff8080
#99ff00
#6bb300
#e6ffbf
#ccff80
#009999
#006b6b
#bfffff
#80ffff

Contrast

Single Colors

rgb(100% 0% 0%)

rgb(70.196% 0% 0%)

rgb(100% 74.902% 74.902%)

rgb(100% 50.196% 50.196%)

rgb(0% 80% 0%)

rgb(0% 56.078% 0%)

rgb(74.902% 100% 74.902%)

rgb(50.196% 100% 50.196%)

#ff0000
#b30000
#ffbfbf
#ff8080
#00cc00
#008f00
#bfffbf
#80ff80

Tetrade

Single Colors

rgb(100% 0% 0%)

rgb(70.196% 0% 0%)

rgb(100% 74.902% 74.902%)

rgb(100% 50.196% 50.196%)

rgb(0% 80% 0%)

rgb(0% 56.078% 0%)

rgb(74.902% 100% 74.902%)

rgb(50.196% 100% 50.196%)

rgb(0% 40% 70.196%)

rgb(0% 28.235% 49.02%)

rgb(74.902% 89.412% 100%)

rgb(50.196% 78.824% 100%)

rgb(100% 50.196% 0%)

rgb(70.196% 35.294% 0%)

rgb(100% 87.451% 74.902%)

rgb(100% 75.294% 50.196%)

#ff0000
#b30000
#ffbfbf
#ff8080
#00cc00
#008f00
#bfffbf
#80ff80
#0066b3
#00487d
#bfe4ff
#80c9ff
#ff8000
#b35a00
#ffdfbf
#ffc080

Analogic

Single Colors

rgb(100% 0% 0%)

rgb(70.196% 0% 0%)

rgb(100% 74.902% 74.902%)

rgb(100% 50.196% 50.196%)

rgb(100% 40% 0%)

rgb(70.196% 27.843% 0%)

rgb(100% 85.098% 74.902%)

rgb(100% 70.196% 50.196%)

rgb(80% 0% 60%)

rgb(56.078% 0% 41.961%)

rgb(100% 74.902% 93.725%)

rgb(100% 50.196% 87.451%)

#ff0000
#b30000
#ffbfbf
#ff8080
#ff6600
#b34700
#ffd9bf
#ffb380
#cc0099
#8f006b
#ffbfef
#ff80df

Courtesy ofcolor-scheme-js.

Generate Color Scheme

Mono

Triade

Contrast

Tetrade

Analogic

More tools to try