Color.js
Hues
blue
green
orange
red
yellow
cyan
purple
teal
gray
magenta
pink
indigo
lime
violet
amber
fuchsia
brown
slate
sand
stone
zinc
neutral
grey
Palettes
Open Color
Open Props
Tailwind CSS
Material Design
Adobe Spectrum
GitHub Primer
IBM Carbon
Pico
Data
GitHub
File bug
IBM Carbon
IBM Carbon
Hues
Neutrals
Steps
Levels
Step
9
3
10
10 – 100
10
Lightness
blue 10: 96.704%
blue 20: 90.848%
blue 30: 82.76%
blue 40: 73.645%
blue 50: 64.698%
blue 60: 55.653%
blue 70: 45.402%
blue 80: 36.296%
blue 90: 27.961%
blue 100: 20.436%
green 10: 96.146%
green 20: 89.292%
green 30: 80.969%
green 40: 71.203%
green 50: 62.344%
green 60: 52.721%
green 70: 42.922%
green 80: 33.503%
green 90: 26.008%
green 100: 19.217%
orange 10: 96.864%
orange 20: 91.047%
orange 30: 83.574%
orange 40: 73.785%
orange 50: 66.014%
orange 60: 55.688%
orange 70: 44.725%
orange 80: 34.915%
orange 90: 26.609%
orange 100: 19.676%
red 10: 96.913%
red 20: 91.345%
red 30: 83.978%
red 40: 75.078%
red 50: 66.62%
red 60: 56.923%
red 70: 46.005%
red 80: 36.254%
red 90: 27.999%
red 100: 20.159%
yellow 10: 96.565%
yellow 20: 90.026%
yellow 30: 83.213%
yellow 40: 73.44%
yellow 50: 64.503%
yellow 60: 54.58%
yellow 70: 43.934%
yellow 80: 34.584%
yellow 90: 26.688%
yellow 100: 19.866%
cyan 10: 96.324%
cyan 20: 90.206%
cyan 30: 82.237%
cyan 40: 72.865%
cyan 50: 64.06%
cyan 60: 54.268%
cyan 70: 44.157%
cyan 80: 34.661%
cyan 90: 26.882%
cyan 100: 19.935%
purple 10: 96.798%
purple 20: 91.099%
purple 30: 83.643%
purple 40: 74.934%
purple 50: 66.297%
purple 60: 57.366%
purple 70: 46.787%
purple 80: 36.665%
purple 90: 28.274%
purple 100: 20.682%
teal 10: 96.39%
teal 20: 90.275%
teal 30: 81.264%
teal 40: 72.22%
teal 50: 62.908%
teal 60: 53.242%
teal 70: 43.311%
teal 80: 34.111%
teal 90: 26.49%
teal 100: 20.344%
gray 10: 96.715%
gray 20: 90.67%
gray 30: 82.656%
gray 40: 73.159%
gray 50: 64.341%
gray 60: 54.171%
gray 70: 43.86%
gray 80: 34.458%
gray 90: 26.862%
gray 100: 20.019%
magenta 10: 96.89%
magenta 20: 91.584%
magenta 30: 84.032%
magenta 40: 75.59%
magenta 50: 66.893%
magenta 60: 56.988%
magenta 70: 46.487%
magenta 80: 36.55%
magenta 90: 28.236%
magenta 100: 20.528%
coolGray 10: 96.677%
coolGray 20: 90.812%
coolGray 30: 82.678%
coolGray 40: 73.137%
coolGray 50: 64.137%
coolGray 60: 54.156%
coolGray 70: 43.865%
coolGray 80: 34.473%
coolGray 90: 26.805%
coolGray 100: 19.728%
warmGray 10: 96.695%
warmGray 20: 91.034%
warmGray 30: 82.717%
warmGray 40: 73.574%
warmGray 50: 64.019%
warmGray 60: 54.183%
warmGray 70: 43.972%
warmGray 80: 34.477%
warmGray 90: 26.663%
warmGray 100: 19.483%
other black: 0%
other white: 100%
Chroma
blue 10: 0.016
blue 20: 0.044
blue 30: 0.086
blue 40: 0.136
blue 50: 0.189
blue 60: 0.243
blue 70: 0.221
blue 80: 0.184
blue 90: 0.14
blue 100: 0.095
green 10: 0.041
green 20: 0.104
green 30: 0.152
green 40: 0.168
green 50: 0.166
green 60: 0.141
green 70: 0.117
green 80: 0.094
green 90: 0.073
green 100: 0.041
orange 10: 0.019
orange 20: 0.056
orange 30: 0.107
orange 40: 0.177
orange 50: 0.188
orange 60: 0.157
orange 70: 0.126
orange 80: 0.091
orange 90: 0.068
orange 100: 0.045
red 10: 0.015
red 20: 0.045
red 30: 0.089
red 40: 0.151
red 50: 0.209
red 60: 0.217
red 70: 0.171
red 80: 0.136
red 90: 0.108
red 100: 0.062
yellow 10: 0.04
yellow 20: 0.138
yellow 30: 0.166
yellow 40: 0.149
yellow 50: 0.132
yellow 60: 0.112
yellow 70: 0.09
yellow 80: 0.071
yellow 90: 0.055
yellow 100: 0.041
cyan 10: 0.022
cyan 20: 0.057
cyan 30: 0.102
cyan 40: 0.155
cyan 50: 0.162
cyan 60: 0.152
cyan 70: 0.134
cyan 80: 0.104
cyan 90: 0.075
cyan 100: 0.04
purple 10: 0.018
purple 20: 0.052
purple 30: 0.097
purple 40: 0.153
purple 50: 0.208
purple 60: 0.258
purple 70: 0.219
purple 80: 0.167
purple 90: 0.123
purple 100: 0.063
teal 10: 0.035
teal 20: 0.08
teal 30: 0.126
teal 40: 0.123
teal 50: 0.108
teal 60: 0.092
teal 70: 0.074
teal 80: 0.058
teal 90: 0.044
teal 100: 0.024
gray 10: 0
gray 20: 0
gray 30: 0
gray 40: 0
gray 50: 0
gray 60: 0
gray 70: 0
gray 80: 0
gray 90: 0
gray 100: 0
magenta 10: 0.019
magenta 20: 0.051
magenta 30: 0.103
magenta 40: 0.167
magenta 50: 0.199
magenta 60: 0.208
magenta 70: 0.172
magenta 80: 0.14
magenta 90: 0.111
magenta 100: 0.056
coolGray 10: 0.006
coolGray 20: 0.008
coolGray 30: 0.011
coolGray 40: 0.013
coolGray 50: 0.015
coolGray 60: 0.014
coolGray 70: 0.011
coolGray 80: 0.012
coolGray 90: 0.01
coolGray 100: 0.009
warmGray 10: 0.005
warmGray 20: 0.006
warmGray 30: 0.006
warmGray 40: 0.006
warmGray 50: 0.005
warmGray 60: 0.005
warmGray 70: 0.007
warmGray 80: 0.006
warmGray 90: 0.003
warmGray 100: 0.005
other black: 0
other white: 0
Hue
blue 10: 253.901
blue 20: 259.952
blue 30: 259.897
blue 40: 261.082
blue 50: 260.581
blue 60: 261.953
blue 70: 262.632
blue 80: 263.056
blue 90: 262.955
blue 100: 262.034
green 10: 154.097
green 20: 152.026
green 30: 150.442
green 40: 149.292
green 50: 148.089
green 60: 148.295
green 70: 148.126
green 80: 147.768
green 90: 147.75
green 100: 145.016
orange 10: 60.176
orange 20: 57.345
orange 30: 55.998
orange 40: 50.583
orange 50: 45.095
orange 60: 46.022
orange 70: 46.072
orange 80: 50.944
orange 90: 52.821
orange 100: 63.428
red 10: 17.418
red 20: 14.599
red 30: 14.797
red 40: 18.354
red 50: 22.134
red 60: 25.929
red 70: 25.567
red 80: 25.547
red 90: 25.749
red 100: 21.559
yellow 10: 94.709
yellow 20: 93.437
yellow 30: 90.44
yellow 40: 86.457
yellow 50: 85.25
yellow 60: 85.037
yellow 70: 86.422
yellow 80: 89.363
yellow 90: 89.89
yellow 100: 93.215
cyan 10: 230.537
cyan 20: 233.138
cyan 30: 237.186
cyan 40: 241.664
cyan 50: 246.51
cyan 60: 249.589
cyan 70: 252.587
cyan 80: 251.941
cyan 90: 250.361
cyan 100: 248.54
purple 10: 300.07
purple 20: 302.576
purple 30: 301.177
purple 40: 300.593
purple 50: 298.001
purple 60: 294.891
purple 70: 295.08
purple 80: 294.839
purple 90: 295.569
purple 100: 298.916
teal 10: 196.584
teal 20: 195.829
teal 30: 193.679
teal 40: 192.748
teal 50: 192.369
teal 60: 190.843
teal 70: 194.769
teal 80: 199.99
teal 90: 207.191
teal 100: 204.921
gray 10: 0
gray 20: 0
gray 30: 0
gray 40: 0
gray 50: 0
gray 60: 0
gray 70: 0
gray 80: 0
gray 90: 0
gray 100: 0
magenta 10: 347.416
magenta 20: 349.9
magenta 30: 351.664
magenta 40: 354.525
magenta 50: 357.261
magenta 60: 1.005
magenta 70: 1.339
magenta 80: 3.265
magenta 90: 3.088
magenta 100: 356.013
coolGray 10: 264.532
coolGray 20: 253.857
coolGray 30: 247.956
coolGray 40: 248.004
coolGray 50: 258.359
coolGray 60: 248.084
coolGray 70: 243.048
coolGray 80: 243.167
coolGray 90: 229.311
coolGray 100: 240.371
warmGray 10: 34.309
warmGray 20: 31.055
warmGray 30: 31.056
warmGray 40: 17.287
warmGray 50: 17.281
warmGray 60: 17.31
warmGray 70: 17.407
warmGray 80: 17.429
warmGray 90: 17.343
warmGray 100: 17.578
other black: 0
other white: 0
Tints & Shades
Hue
Scale
blue
hue
green
hue
orange
hue
red
hue
yellow
hue
cyan
hue
purple
hue
teal
hue
gray
neutral
magenta
hue
coolGray
neutral
warmGray
neutral
other