Color Picker
The background color will temporarily change when you hover the mouse cursor over it.
When you change the color, copy the color code to the clipboard.
#21709d
Data
Red
33
Green
112
Blue
157
Hue
202°
White
13%
Black
38%
Saturation
65%
Lightness
37%
Brightness
37%
Tone = Dull
Hue = 202°
3 digits
#38a
#389
#388
#37a
#379
#378
#36a
#369
#368
#28a
#289
#288
#27a
#279
#278
#26a
#269
#268
#18a
#189
#188
#17a
#179
#178
#16a
#169
#168
Named
darkcyan
teal
steelblue
darkslateblue
lightseagreen
royalblue
seagreen
cadetblue
slategray
mediumseagreen
darkslategray
dimgray
Color Harmony
Analogous ±30°
Analogous ±30°
±60°
±60°
Square ±90°
Square ±90°
Triadic ±120°
Triadic ±120°
Split Complementary
Split Complementary
Complementary
Invert
White × Black
Hue × Saturation
Hue × Lightness
Hue Saturation Lightness White Black
Hue
-195 : 7
-180 : 22
-165 : 37
-150 : 52
-135 : 67
-120 : 82
-105 : 97
-90 : 112
-75 : 127
-60 : 142
-45 : 157
-30 : 172
-15 : 187
-10 : 192
-5 : 197
-2 : 200
±0 : 202
+2 : 204
+5 : 207
+10 : 212
+15 : 217
+30 : 232
+45 : 247
+60 : 262
+75 : 277
+90 : 292
+105 : 307
+120 : 322
+135 : 337
+150 : 352
Saturation
+35 : 100
+31 : 96
+27 : 92
+23 : 88
+19 : 84
+15 : 80
+11 : 76
+7 : 72
+3 : 68
+2 : 67
±0 : 65
-1 : 64
-2 : 63
-3 : 62
-5 : 60
-9 : 56
-13 : 52
-15 : 50
-17 : 48
-21 : 44
-25 : 40
-29 : 36
-33 : 32
-37 : 28
-41 : 24
-45 : 20
-49 : 16
-53 : 12
-57 : 8
-61 : 4
-65 : 0
Lightness
+63 : 100
+59 : 96
+55 : 92
+51 : 88
+47 : 84
+43 : 80
+39 : 76
+35 : 72
+31 : 68
+27 : 64
+23 : 60
+19 : 56
+15 : 52
+13 : 50
+11 : 48
+7 : 44
+3 : 40
+2 : 39
±0 : 37
-1 : 36
-2 : 35
-3 : 34
-5 : 32
-9 : 28
-13 : 24
-17 : 20
-21 : 16
-25 : 12
-29 : 8
-33 : 4
-37 : 0
White
-13 : 0
-9 : 4
-5 : 8
-3 : 10
-2 : 11
-1 : 12
±0 : 13
+2 : 15
+3 : 16
+7 : 20
+11 : 24
+15 : 28
+19 : 32
+23 : 36
+27 : 40
+31 : 44
+35 : 48
+37 : 50
+39 : 52
+43 : 56
+47 : 60
+51 : 64
+55 : 68
+59 : 72
+63 : 76
+67 : 80
+71 : 84
+75 : 88
+79 : 92
+83 : 96
+87 : 100
Black
-38 : 0
-34 : 4
-30 : 8
-26 : 12
-22 : 16
-18 : 20
-14 : 24
-10 : 28
-6 : 32
-3 : 35
-2 : 36
±0 : 38
+2 : 40
+3 : 41
+6 : 44
+10 : 48
+12 : 50
+14 : 52
+18 : 56
+22 : 60
+26 : 64
+30 : 68
+34 : 72
+38 : 76
+42 : 80
+46 : 84
+50 : 88
+54 : 92
+58 : 96
+62 : 100
Red
+222 : 255
+205 : 238
+188 : 221
+171 : 204
+154 : 187
+137 : 170
+120 : 153
+103 : 136
+86 : 119
+69 : 102
+52 : 85
+35 : 68
+18 : 51
+8 : 41
+4 : 37
+2 : 35
+1 : 34
±0 : 33
-1 : 32
-2 : 31
-4 : 29
-8 : 25
-16 : 17
-33 : 0
Green
+143 : 255
+126 : 238
+109 : 221
+92 : 204
+75 : 187
+58 : 170
+41 : 153
+24 : 136
+8 : 120
+7 : 119
+4 : 116
+2 : 114
+1 : 113
±0 : 112
-1 : 111
-2 : 110
-4 : 108
-8 : 104
-10 : 102
-27 : 85
-44 : 68
-61 : 51
-78 : 34
-95 : 17
-112 : 0
Blue
+98 : 255
+81 : 238
+64 : 221
+47 : 204
+30 : 187
+13 : 170
+8 : 165
+4 : 161
+2 : 159
+1 : 158
±0 : 157
-1 : 156
-2 : 155
-4 : 153
-8 : 149
-21 : 136
-38 : 119
-55 : 102
-72 : 85
-89 : 68
-106 : 51
-123 : 34
-140 : 17
-157 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000