Color.js
Hues
blue
red
orange
yellow
green
cyan
purple
indigo
gray
fuchsia
magenta
pink
teal
lime
violet
amber
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
Adobe Spectrum
Adobe Spectrum
Hues
Neutrals
Steps
Levels
Step
13
3
9 – 14
50 – 1,400
25 – 100
Lightness
blue 100: 95.172%
blue 200: 91.646%
blue 300: 88.238%
blue 400: 82.975%
blue 500: 77.215%
blue 600: 71.305%
blue 700: 65.431%
blue 800: 59.558%
blue 900: 53.246%
blue 1000: 46.554%
blue 1100: 39.951%
blue 1200: 33.741%
blue 1300: 27.757%
blue 1400: 22.719%
red 100: 95.494%
red 200: 92.389%
red 300: 88.922%
red 400: 84.313%
red 500: 78.802%
red 600: 73.368%
red 700: 67.542%
red 800: 61.497%
red 900: 55.055%
red 1000: 48.348%
red 1100: 41.649%
red 1200: 35.101%
red 1300: 29.137%
red 1400: 24.043%
orange 100: 95.015%
orange 200: 91.833%
orange 300: 88.631%
orange 400: 83.832%
orange 500: 78.588%
orange 600: 72.776%
orange 700: 66.833%
orange 800: 60.479%
orange 900: 53.985%
orange 1000: 47.285%
orange 1100: 40.67%
orange 1200: 34.449%
orange 1300: 28.46%
orange 1400: 23.453%
yellow 100: 94.669%
yellow 200: 91.558%
yellow 300: 88.424%
yellow 400: 83.079%
yellow 500: 77.565%
yellow 600: 71.551%
yellow 700: 65.519%
yellow 800: 59.028%
yellow 900: 52.676%
yellow 1000: 46.026%
yellow 1100: 39.819%
yellow 1200: 33.625%
yellow 1300: 27.77%
yellow 1400: 22.966%
green 100: 94.301%
green 200: 90.992%
green 300: 86.92%
green 400: 81.747%
green 500: 75.875%
green 600: 69.721%
green 700: 63.634%
green 800: 57.353%
green 900: 51.091%
green 1000: 44.654%
green 1100: 38.357%
green 1200: 32.579%
green 1300: 27.001%
green 1400: 22.153%
cyan 100: 94.622%
cyan 200: 91.067%
cyan 300: 87.583%
cyan 400: 82.408%
cyan 500: 76.407%
cyan 600: 70.372%
cyan 700: 64.592%
cyan 800: 58.196%
cyan 900: 51.845%
cyan 1000: 45.509%
cyan 1100: 39.224%
cyan 1200: 33.234%
cyan 1300: 27.461%
cyan 1400: 22.57%
purple 100: 95.454%
purple 200: 92.152%
purple 300: 89.051%
purple 400: 84.204%
purple 500: 78.716%
purple 600: 73.008%
purple 700: 67.415%
purple 800: 61.537%
purple 900: 55.325%
purple 1000: 49.002%
purple 1100: 42.498%
purple 1200: 35.922%
purple 1300: 29.388%
purple 1400: 23.906%
indigo 100: 95.335%
indigo 200: 92.015%
indigo 300: 88.499%
indigo 400: 83.832%
indigo 500: 78.191%
indigo 600: 72.287%
indigo 700: 66.537%
indigo 800: 60.323%
indigo 900: 54.01%
indigo 1000: 47.635%
indigo 1100: 40.956%
indigo 1200: 34.659%
indigo 1300: 28.498%
indigo 1400: 23.551%
gray 50: 100%
gray 75: 99.405%
gray 100: 97.913%
gray 200: 92.494%
gray 300: 87.302%
gray 400: 76.039%
gray 500: 65.335%
gray 600: 53.476%
gray 700: 39.418%
gray 800: 25.196%
gray 900: 0%
fuchsia 100: 95.711%
fuchsia 200: 92.866%
fuchsia 300: 89.3%
fuchsia 400: 84.678%
fuchsia 500: 79.522%
fuchsia 600: 74.144%
fuchsia 700: 68.319%
fuchsia 800: 62.101%
fuchsia 900: 55.692%
fuchsia 1000: 48.985%
fuchsia 1100: 42.158%
fuchsia 1200: 35.629%
fuchsia 1300: 29.043%
fuchsia 1400: 23.846%
magenta 100: 95.579%
magenta 200: 92.693%
magenta 300: 89.077%
magenta 400: 84.419%
magenta 500: 79.178%
magenta 600: 73.599%
magenta 700: 67.873%
magenta 800: 61.621%
magenta 900: 55.135%
magenta 1000: 48.519%
magenta 1100: 41.758%
magenta 1200: 35.268%
magenta 1300: 29.175%
magenta 1400: 23.878%
chartreuse 100: 93.974%
chartreuse 200: 90.754%
chartreuse 300: 87.146%
chartreuse 400: 81.987%
chartreuse 500: 76.317%
chartreuse 600: 70.379%
chartreuse 700: 64.071%
chartreuse 800: 58.004%
chartreuse 900: 51.702%
chartreuse 1000: 45.276%
chartreuse 1100: 38.972%
chartreuse 1200: 32.694%
chartreuse 1300: 27.282%
chartreuse 1400: 22.418%
celery 100: 94.304%
celery 200: 90.445%
celery 300: 86.917%
celery 400: 81.519%
celery 500: 75.653%
celery 600: 69.235%
celery 700: 63.271%
celery 800: 56.952%
celery 900: 50.857%
celery 1000: 44.59%
celery 1100: 38.401%
celery 1200: 32.276%
celery 1300: 26.878%
celery 1400: 21.927%
seafoam 100: 94.617%
seafoam 200: 90.939%
seafoam 300: 87.42%
seafoam 400: 81.889%
seafoam 500: 76.165%
seafoam 600: 69.838%
seafoam 700: 63.944%
seafoam 800: 57.77%
seafoam 900: 51.353%
seafoam 1000: 45.087%
seafoam 1100: 38.808%
seafoam 1200: 32.665%
seafoam 1300: 27.224%
seafoam 1400: 22.471%
transparent-white 100: 100%
transparent-white 200: 100%
transparent-white 300: 100%
transparent-white 400: 100%
transparent-white 500: 100%
transparent-white 600: 100%
transparent-white 700: 100%
transparent-white 800: 100%
transparent-white 900: 100%
transparent-black 100: 0%
transparent-black 200: 0%
transparent-black 300: 0%
transparent-black 400: 0%
transparent-black 500: 0%
transparent-black 600: 0%
transparent-black 700: 0%
transparent-black 800: 0%
transparent-black 900: 0%
other white: 100%
other black: 0%
Chroma
blue 100: 0.026
blue 200: 0.045
blue 300: 0.063
blue 400: 0.088
blue 500: 0.114
blue 600: 0.139
blue 700: 0.168
blue 800: 0.201
blue 900: 0.198
blue 1000: 0.17
blue 1100: 0.141
blue 1200: 0.116
blue 1300: 0.092
blue 1400: 0.071
red 100: 0.023
red 200: 0.039
red 300: 0.059
red 400: 0.087
red 500: 0.124
red 600: 0.164
red 700: 0.194
red 800: 0.216
red 900: 0.217
red 1000: 0.198
red 1100: 0.171
red 1200: 0.144
red 1300: 0.12
red 1400: 0.099
orange 100: 0.047
orange 200: 0.073
orange 300: 0.095
orange 400: 0.131
orange 500: 0.159
orange 600: 0.173
orange 700: 0.173
orange 800: 0.162
orange 900: 0.149
orange 1000: 0.133
orange 1100: 0.116
orange 1200: 0.1
orange 1300: 0.081
orange 1400: 0.063
yellow 100: 0.11
yellow 200: 0.166
yellow 300: 0.183
yellow 400: 0.171
yellow 500: 0.159
yellow 600: 0.146
yellow 700: 0.134
yellow 800: 0.121
yellow 900: 0.108
yellow 1000: 0.094
yellow 1100: 0.082
yellow 1200: 0.069
yellow 1300: 0.057
yellow 1400: 0.047
green 100: 0.054
green 200: 0.088
green 300: 0.116
green 400: 0.134
green 500: 0.142
green 600: 0.142
green 700: 0.139
green 800: 0.13
green 900: 0.117
green 1000: 0.104
green 1100: 0.088
green 1200: 0.071
green 1300: 0.052
green 1400: 0.036
cyan 100: 0.053
cyan 200: 0.077
cyan 300: 0.094
cyan 400: 0.113
cyan 500: 0.127
cyan 600: 0.129
cyan 700: 0.124
cyan 800: 0.118
cyan 900: 0.111
cyan 1000: 0.103
cyan 1100: 0.094
cyan 1200: 0.083
cyan 1300: 0.068
cyan 1400: 0.054
purple 100: 0.029
purple 200: 0.049
purple 300: 0.068
purple 400: 0.098
purple 500: 0.13
purple 600: 0.165
purple 700: 0.196
purple 800: 0.225
purple 900: 0.238
purple 1000: 0.237
purple 1100: 0.221
purple 1200: 0.19
purple 1300: 0.141
purple 1400: 0.101
indigo 100: 0.023
indigo 200: 0.039
indigo 300: 0.058
indigo 400: 0.082
indigo 500: 0.113
indigo 600: 0.147
indigo 700: 0.175
indigo 800: 0.198
indigo 900: 0.208
indigo 1000: 0.2
indigo 1100: 0.178
indigo 1200: 0.151
indigo 1300: 0.12
indigo 1400: 0.091
gray 50: 0
gray 75: 0
gray 100: 0
gray 200: 0
gray 300: 0
gray 400: 0
gray 500: 0
gray 600: 0
gray 700: 0
gray 800: 0
gray 900: 0
fuchsia 100: 0.034
fuchsia 200: 0.058
fuchsia 300: 0.089
fuchsia 400: 0.128
fuchsia 500: 0.169
fuchsia 600: 0.207
fuchsia 700: 0.234
fuchsia 800: 0.241
fuchsia 900: 0.235
fuchsia 1000: 0.224
fuchsia 1100: 0.194
fuchsia 1200: 0.158
fuchsia 1300: 0.112
fuchsia 1400: 0.08
magenta 100: 0.025
magenta 200: 0.042
magenta 300: 0.065
magenta 400: 0.096
magenta 500: 0.135
magenta 600: 0.168
magenta 700: 0.191
magenta 800: 0.204
magenta 900: 0.203
magenta 1000: 0.191
magenta 1100: 0.169
magenta 1200: 0.143
magenta 1300: 0.114
magenta 1400: 0.085
chartreuse 100: 0.171
chartreuse 200: 0.198
chartreuse 300: 0.204
chartreuse 400: 0.199
chartreuse 500: 0.189
chartreuse 600: 0.176
chartreuse 700: 0.161
chartreuse 800: 0.146
chartreuse 900: 0.13
chartreuse 1000: 0.113
chartreuse 1100: 0.097
chartreuse 1200: 0.081
chartreuse 1300: 0.067
chartreuse 1400: 0.054
celery 100: 0.094
celery 200: 0.138
celery 300: 0.163
celery 400: 0.187
celery 500: 0.203
celery 600: 0.21
celery 700: 0.205
celery 800: 0.189
celery 900: 0.168
celery 1000: 0.145
celery 1100: 0.124
celery 1200: 0.102
celery 1300: 0.084
celery 1400: 0.067
seafoam 100: 0.042
seafoam 200: 0.071
seafoam 300: 0.09
seafoam 400: 0.107
seafoam 500: 0.116
seafoam 600: 0.119
seafoam 700: 0.111
seafoam 800: 0.1
seafoam 900: 0.089
seafoam 1000: 0.078
seafoam 1100: 0.062
seafoam 1200: 0.046
seafoam 1300: 0.032
seafoam 1400: 0.022
transparent-white 100: 0
transparent-white 200: 0
transparent-white 300: 0
transparent-white 400: 0
transparent-white 500: 0
transparent-white 600: 0
transparent-white 700: 0
transparent-white 800: 0
transparent-white 900: 0
transparent-black 100: 0
transparent-black 200: 0
transparent-black 300: 0
transparent-black 400: 0
transparent-black 500: 0
transparent-black 600: 0
transparent-black 700: 0
transparent-black 800: 0
transparent-black 900: 0
other white: 0
other black: 0
Hue
blue 100: 239.066
blue 200: 241.055
blue 300: 242.745
blue 400: 244.462
blue 500: 248.048
blue 600: 250.651
blue 700: 253.238
blue 800: 256.952
blue 900: 258.293
blue 1000: 257.731
blue 1100: 256.838
blue 1200: 256.116
blue 1300: 255.255
blue 1400: 253.342
red 100: 31.102
red 200: 31.557
red 300: 31.32
red 400: 31.267
red 500: 31.544
red 600: 31.551
red 700: 30.778
red 800: 29.544
red 900: 28.97
red 1000: 29.234
red 1100: 29.234
red 1200: 29.234
red 1300: 29.234
red 1400: 29.234
orange 100: 80.809
orange 200: 78.706
orange 300: 77.363
orange 400: 71.408
orange 500: 63.51
orange 600: 56.52
orange 700: 51.725
orange 800: 49.243
orange 900: 47.075
orange 1000: 46.035
orange 1100: 44.986
orange 1200: 44.366
orange 1300: 44.201
orange 1400: 46.308
yellow 100: 102.72
yellow 200: 102.819
yellow 300: 98.705
yellow 400: 96.534
yellow 500: 94.334
yellow 600: 92.047
yellow 700: 90.397
yellow 800: 88.149
yellow 900: 87.659
yellow 1000: 85.119
yellow 1100: 85.332
yellow 1200: 83.235
yellow 1300: 82.447
yellow 1400: 81.184
green 100: 160.129
green 200: 160.614
green 300: 161.587
green 400: 161.627
green 500: 161.045
green 600: 160.86
green 700: 160.456
green 800: 159.956
green 900: 159.075
green 1000: 158.509
green 1100: 159.397
green 1200: 159.508
green 1300: 159.11
green 1400: 159.661
cyan 100: 206.638
cyan 200: 211.294
cyan 300: 211.908
cyan 400: 214.932
cyan 500: 218.392
cyan 600: 223.373
cyan 700: 226.803
cyan 800: 231.52
cyan 900: 235.608
cyan 1000: 238.996
cyan 1100: 242.257
cyan 1200: 244.394
cyan 1300: 244.043
cyan 1400: 242.866
purple 100: 310.156
purple 200: 307.872
purple 300: 306.244
purple 400: 306.171
purple 500: 304.229
purple 600: 302.959
purple 700: 301.9
purple 800: 300.355
purple 900: 298.519
purple 1000: 296.254
purple 1100: 294.495
purple 1200: 292.944
purple 1300: 293.094
purple 1400: 292.973
indigo 100: 283.266
indigo 200: 282.461
indigo 300: 283
indigo 400: 282.192
indigo 500: 281.781
indigo 600: 280.35
indigo 700: 278.36
indigo 800: 277.066
indigo 900: 275.092
indigo 1000: 273.853
indigo 1100: 273.751
indigo 1200: 273.801
indigo 1300: 273.864
indigo 1400: 275.126
gray 50: 0
gray 75: 0
gray 100: 0
gray 200: 0
gray 300: 0
gray 400: 0
gray 500: 0
gray 600: 0
gray 700: 0
gray 800: 0
gray 900: 0
fuchsia 100: 330.223
fuchsia 200: 330.495
fuchsia 300: 329.962
fuchsia 400: 328.87
fuchsia 500: 327.735
fuchsia 600: 327.409
fuchsia 700: 327.191
fuchsia 800: 327.713
fuchsia 900: 327.872
fuchsia 1000: 328.012
fuchsia 1100: 327.961
fuchsia 1200: 328.284
fuchsia 1300: 328.743
fuchsia 1400: 328.811
magenta 100: 355.317
magenta 200: 355.265
magenta 300: 355.056
magenta 400: 355.834
magenta 500: 356.531
magenta 600: 357.517
magenta 700: 357.701
magenta 800: 359.099
magenta 900: 1.839
magenta 1000: 2.772
magenta 1100: 2.118
magenta 1200: 0.81
magenta 1300: 359.414
magenta 1400: 0.373
chartreuse 100: 120.751
chartreuse 200: 122.018
chartreuse 300: 123.066
chartreuse 400: 123.904
chartreuse 500: 124.586
chartreuse 600: 124.91
chartreuse 700: 125.081
chartreuse 800: 124.879
chartreuse 900: 125.055
chartreuse 1000: 124.775
chartreuse 1100: 124.23
chartreuse 1200: 124.035
chartreuse 1300: 123.09
chartreuse 1400: 120.961
celery 100: 138.574
celery 200: 139.713
celery 300: 140.454
celery 400: 142.371
celery 500: 143.478
celery 600: 144.022
celery 700: 143.787
celery 800: 143.28
celery 900: 143.367
celery 1000: 143.798
celery 1100: 144.225
celery 1200: 144.709
celery 1300: 145.199
celery 1400: 146.102
seafoam 100: 189.209
seafoam 200: 188.299
seafoam 300: 189.477
seafoam 400: 189.247
seafoam 500: 189.356
seafoam 600: 189.848
seafoam 700: 189.331
seafoam 800: 190.344
seafoam 900: 189.654
seafoam 1000: 189.95
seafoam 1100: 190.235
seafoam 1200: 190.742
seafoam 1300: 192.139
seafoam 1400: 190.639
transparent-white 100: 0
transparent-white 200: 0
transparent-white 300: 0
transparent-white 400: 0
transparent-white 500: 0
transparent-white 600: 0
transparent-white 700: 0
transparent-white 800: 0
transparent-white 900: 0
transparent-black 100: 0
transparent-black 200: 0
transparent-black 300: 0
transparent-black 400: 0
transparent-black 500: 0
transparent-black 600: 0
transparent-black 700: 0
transparent-black 800: 0
transparent-black 900: 0
other white: 0
other black: 0
Tints & Shades
Hue
Scale
blue
hue
red
hue
orange
hue
yellow
hue
green
hue
cyan
hue
purple
hue
indigo
hue
gray
neutral
fuchsia
hue
magenta
hue
chartreuse
hue
celery
hue
seafoam
hue
transparent-white
neutral
transparent-black
neutral
other