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.
#5b60a8
Data
Red
91
Green
96
Blue
168
Hue
236°
White
36%
Black
34%
Saturation
31%
Lightness
51%
Brightness
40%
Tone = Grayish
Hue = 236°
3 digits
#67b
#67a
#679
#66b
#66a
#669
#65b
#65a
#659
#57b
#57a
#579
#56b
#56a
#569
#55b
#55a
#559
#47b
#47a
#479
#46b
#46a
#469
#45b
#45a
#459
Named
slateblue
steelblue
slategray
rebeccapurple
darkslateblue
lightslategray
cadetblue
gray
royalblue
dimgray
mediumslateblue
mediumpurple
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
-225 : 11
-210 : 26
-195 : 41
-180 : 56
-165 : 71
-150 : 86
-135 : 101
-120 : 116
-105 : 131
-90 : 146
-75 : 161
-60 : 176
-45 : 191
-30 : 206
-15 : 221
-10 : 226
-5 : 231
-2 : 234
±0 : 236
+2 : 238
+5 : 241
+10 : 246
+15 : 251
+30 : 266
+45 : 281
+60 : 296
+75 : 311
+90 : 326
+105 : 341
+120 : 356
Saturation
+69 : 100
+65 : 96
+61 : 92
+57 : 88
+53 : 84
+49 : 80
+45 : 76
+41 : 72
+37 : 68
+33 : 64
+29 : 60
+25 : 56
+21 : 52
+19 : 50
+17 : 48
+13 : 44
+9 : 40
+5 : 36
+3 : 34
+2 : 33
+1 : 32
±0 : 31
-2 : 29
-3 : 28
-7 : 24
-11 : 20
-15 : 16
-19 : 12
-23 : 8
-27 : 4
-31 : 0
Lightness
+49 : 100
+45 : 96
+41 : 92
+37 : 88
+33 : 84
+29 : 80
+25 : 76
+21 : 72
+17 : 68
+13 : 64
+9 : 60
+5 : 56
+3 : 54
+2 : 53
+1 : 52
±0 : 51
-1 : 50
-2 : 49
-3 : 48
-7 : 44
-11 : 40
-15 : 36
-19 : 32
-23 : 28
-27 : 24
-31 : 20
-35 : 16
-39 : 12
-43 : 8
-47 : 4
-51 : 0
White
-36 : 0
-32 : 4
-28 : 8
-24 : 12
-20 : 16
-16 : 20
-12 : 24
-8 : 28
-4 : 32
-3 : 33
-2 : 34
±0 : 36
+2 : 38
+3 : 39
+4 : 40
+8 : 44
+12 : 48
+14 : 50
+16 : 52
+20 : 56
+24 : 60
+28 : 64
+32 : 68
+36 : 72
+40 : 76
+44 : 80
+48 : 84
+52 : 88
+56 : 92
+60 : 96
+64 : 100
Black
-34 : 0
-30 : 4
-26 : 8
-22 : 12
-18 : 16
-14 : 20
-10 : 24
-6 : 28
-3 : 31
-2 : 32
±0 : 34
+2 : 36
+3 : 37
+6 : 40
+10 : 44
+14 : 48
+16 : 50
+18 : 52
+22 : 56
+26 : 60
+30 : 64
+34 : 68
+38 : 72
+42 : 76
+46 : 80
+50 : 84
+54 : 88
+58 : 92
+62 : 96
+66 : 100
Red
+164 : 255
+147 : 238
+130 : 221
+113 : 204
+96 : 187
+79 : 170
+62 : 153
+45 : 136
+28 : 119
+11 : 102
+8 : 99
+4 : 95
+2 : 93
+1 : 92
±0 : 91
-1 : 90
-2 : 89
-4 : 87
-6 : 85
-8 : 83
-23 : 68
-40 : 51
-57 : 34
-74 : 17
-91 : 0
Green
+159 : 255
+142 : 238
+125 : 221
+108 : 204
+91 : 187
+74 : 170
+57 : 153
+40 : 136
+23 : 119
+8 : 104
+6 : 102
+4 : 100
+2 : 98
+1 : 97
±0 : 96
-1 : 95
-2 : 94
-4 : 92
-8 : 88
-11 : 85
-28 : 68
-45 : 51
-62 : 34
-79 : 17
-96 : 0
Blue
+87 : 255
+70 : 238
+53 : 221
+36 : 204
+19 : 187
+8 : 176
+4 : 172
+2 : 170
+1 : 169
±0 : 168
-1 : 167
-2 : 166
-4 : 164
-8 : 160
-15 : 153
-32 : 136
-49 : 119
-66 : 102
-83 : 85
-100 : 68
-117 : 51
-134 : 34
-151 : 17
-168 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000