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.
#666e91
Data
Red
102
Green
110
Blue
145
Hue
229°
White
40%
Black
43%
Saturation
17%
Lightness
48%
Brightness
44%
Tone = Grayish
Hue = 229°
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
gray
dimgray
cadetblue
steelblue
darkslateblue
rebeccapurple
slateblue
seagreen
mediumpurple
mediumseagreen
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 : 4
-210 : 19
-195 : 34
-180 : 49
-165 : 64
-150 : 79
-135 : 94
-120 : 109
-105 : 124
-90 : 139
-75 : 154
-60 : 169
-45 : 184
-30 : 199
-15 : 214
-10 : 219
-5 : 224
-2 : 227
±0 : 229
+2 : 231
+5 : 234
+10 : 239
+15 : 244
+30 : 259
+45 : 274
+60 : 289
+75 : 304
+90 : 319
+105 : 334
+120 : 349
Saturation
+83 : 100
+79 : 96
+75 : 92
+71 : 88
+67 : 84
+63 : 80
+59 : 76
+55 : 72
+51 : 68
+47 : 64
+43 : 60
+39 : 56
+35 : 52
+33 : 50
+31 : 48
+27 : 44
+23 : 40
+19 : 36
+15 : 32
+11 : 28
+7 : 24
+3 : 20
+2 : 19
±0 : 17
-1 : 16
-2 : 15
-3 : 14
-5 : 12
-9 : 8
-13 : 4
-17 : 0
Lightness
+52 : 100
+48 : 96
+44 : 92
+40 : 88
+36 : 84
+32 : 80
+28 : 76
+24 : 72
+20 : 68
+16 : 64
+12 : 60
+8 : 56
+4 : 52
+3 : 51
+2 : 50
±0 : 48
-2 : 46
-3 : 45
-4 : 44
-8 : 40
-12 : 36
-16 : 32
-20 : 28
-24 : 24
-28 : 20
-32 : 16
-36 : 12
-40 : 8
-44 : 4
-48 : 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
-43 : 0
-39 : 4
-35 : 8
-31 : 12
-27 : 16
-23 : 20
-19 : 24
-15 : 28
-11 : 32
-7 : 36
-3 : 40
-2 : 41
±0 : 43
+1 : 44
+2 : 45
+3 : 46
+5 : 48
+7 : 50
+9 : 52
+13 : 56
+17 : 60
+21 : 64
+25 : 68
+29 : 72
+33 : 76
+37 : 80
+41 : 84
+45 : 88
+49 : 92
+53 : 96
+57 : 100
Red
+153 : 255
+136 : 238
+119 : 221
+102 : 204
+85 : 187
+68 : 170
+51 : 153
+34 : 136
+17 : 119
+8 : 110
+4 : 106
+2 : 104
+1 : 103
±0 : 102
-1 : 101
-2 : 100
-4 : 98
-8 : 94
-17 : 85
-34 : 68
-51 : 51
-68 : 34
-85 : 17
-102 : 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
+110 : 255
+93 : 238
+76 : 221
+59 : 204
+42 : 187
+25 : 170
+8 : 153
+4 : 149
+2 : 147
+1 : 146
±0 : 145
-1 : 144
-2 : 143
-4 : 141
-8 : 137
-9 : 136
-26 : 119
-43 : 102
-60 : 85
-77 : 68
-94 : 51
-111 : 34
-128 : 17
-145 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000