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.
#656ea0
Data
Red
101
Green
110
Blue
160
Hue
231°
White
40%
Black
37%
Saturation
24%
Lightness
51%
Brightness
44%
Tone = Grayish
Hue = 231°
3 digits
#77a
#779
#778
#76a
#769
#768
#75a
#759
#758
#67a
#679
#678
#66a
#669
#668
#65a
#659
#658
#57a
#579
#578
#56a
#569
#568
#55a
#559
#558
Named
slategray
lightslategray
steelblue
gray
cadetblue
slateblue
dimgray
rebeccapurple
darkslateblue
royalblue
mediumpurple
mediumslateblue
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 : 6
-210 : 21
-195 : 36
-180 : 51
-165 : 66
-150 : 81
-135 : 96
-120 : 111
-105 : 126
-90 : 141
-75 : 156
-60 : 171
-45 : 186
-30 : 201
-15 : 216
-10 : 221
-5 : 226
-2 : 229
±0 : 231
+2 : 233
+5 : 236
+10 : 241
+15 : 246
+30 : 261
+45 : 276
+60 : 291
+75 : 306
+90 : 321
+105 : 336
+120 : 351
Saturation
+76 : 100
+72 : 96
+68 : 92
+64 : 88
+60 : 84
+56 : 80
+52 : 76
+48 : 72
+44 : 68
+40 : 64
+36 : 60
+32 : 56
+28 : 52
+26 : 50
+24 : 48
+20 : 44
+16 : 40
+12 : 36
+8 : 32
+4 : 28
+3 : 27
+2 : 26
±0 : 24
-2 : 22
-3 : 21
-4 : 20
-8 : 16
-12 : 12
-16 : 8
-20 : 4
-24 : 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
-40 : 0
-36 : 4
-32 : 8
-28 : 12
-24 : 16
-20 : 20
-16 : 24
-12 : 28
-8 : 32
-4 : 36
-3 : 37
-2 : 38
±0 : 40
+2 : 42
+3 : 43
+4 : 44
+8 : 48
+10 : 50
+12 : 52
+16 : 56
+20 : 60
+24 : 64
+28 : 68
+32 : 72
+36 : 76
+40 : 80
+44 : 84
+48 : 88
+52 : 92
+56 : 96
+60 : 100
Black
-37 : 0
-33 : 4
-29 : 8
-25 : 12
-21 : 16
-17 : 20
-13 : 24
-9 : 28
-5 : 32
-3 : 34
-2 : 35
-1 : 36
±0 : 37
+2 : 39
+3 : 40
+7 : 44
+11 : 48
+13 : 50
+15 : 52
+19 : 56
+23 : 60
+27 : 64
+31 : 68
+35 : 72
+39 : 76
+43 : 80
+47 : 84
+51 : 88
+55 : 92
+59 : 96
+63 : 100
Red
+154 : 255
+137 : 238
+120 : 221
+103 : 204
+86 : 187
+69 : 170
+52 : 153
+35 : 136
+18 : 119
+8 : 109
+4 : 105
+2 : 103
+1 : 102
±0 : 101
-1 : 100
-2 : 99
-4 : 97
-8 : 93
-16 : 85
-33 : 68
-50 : 51
-67 : 34
-84 : 17
-101 : 0
Green
+145 : 255
+128 : 238
+111 : 221
+94 : 204
+77 : 187
+60 : 170
+43 : 153
+26 : 136
+9 : 119
+8 : 118
+4 : 114
+2 : 112
+1 : 111
±0 : 110
-1 : 109
-2 : 108
-4 : 106
-8 : 102
-25 : 85
-42 : 68
-59 : 51
-76 : 34
-93 : 17
-110 : 0
Blue
+95 : 255
+78 : 238
+61 : 221
+44 : 204
+27 : 187
+10 : 170
+8 : 168
+4 : 164
+2 : 162
+1 : 161
±0 : 160
-1 : 159
-2 : 158
-4 : 156
-7 : 153
-8 : 152
-24 : 136
-41 : 119
-58 : 102
-75 : 85
-92 : 68
-109 : 51
-126 : 34
-143 : 17
-160 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000