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.
#7a686e
Data
Red
122
Green
104
Blue
110
Hue
340°
White
41%
Black
52%
Saturation
8%
Lightness
44%
Brightness
43%
Tone = Grayish
Hue = 340°
3 digits
#877
#876
#875
#867
#866
#865
#857
#856
#855
#777
#776
#775
#767
#766
#765
#757
#756
#755
#677
#676
#675
#667
#666
#665
#657
#656
#655
Named
dimgray
gray
slategray
lightslategray
rebeccapurple
darkslateblue
darkolivegreen
cadetblue
sienna
rosybrown
darkslategray
olivedrab
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
-330 : 10
-315 : 25
-300 : 40
-285 : 55
-270 : 70
-255 : 85
-240 : 100
-225 : 115
-210 : 130
-195 : 145
-180 : 160
-165 : 175
-150 : 190
-135 : 205
-120 : 220
-105 : 235
-90 : 250
-75 : 265
-60 : 280
-45 : 295
-30 : 310
-15 : 325
-10 : 330
-5 : 335
-2 : 338
±0 : 340
+2 : 342
+5 : 345
+10 : 350
+15 : 355
Saturation
+92 : 100
+88 : 96
+84 : 92
+80 : 88
+76 : 84
+72 : 80
+68 : 76
+64 : 72
+60 : 68
+56 : 64
+52 : 60
+48 : 56
+44 : 52
+42 : 50
+40 : 48
+36 : 44
+32 : 40
+28 : 36
+24 : 32
+20 : 28
+16 : 24
+12 : 20
+8 : 16
+4 : 12
+3 : 11
+2 : 10
±0 : 8
-2 : 6
-3 : 5
-4 : 4
-8 : 0
Lightness
+56 : 100
+52 : 96
+48 : 92
+44 : 88
+40 : 84
+36 : 80
+32 : 76
+28 : 72
+24 : 68
+20 : 64
+16 : 60
+12 : 56
+8 : 52
+6 : 50
+4 : 48
+3 : 47
+2 : 46
±0 : 44
-2 : 42
-3 : 41
-4 : 40
-8 : 36
-12 : 32
-16 : 28
-20 : 24
-24 : 20
-28 : 16
-32 : 12
-36 : 8
-40 : 4
-44 : 0
White
-41 : 0
-37 : 4
-33 : 8
-29 : 12
-25 : 16
-21 : 20
-17 : 24
-13 : 28
-9 : 32
-5 : 36
-3 : 38
-2 : 39
-1 : 40
±0 : 41
+2 : 43
+3 : 44
+7 : 48
+9 : 50
+11 : 52
+15 : 56
+19 : 60
+23 : 64
+27 : 68
+31 : 72
+35 : 76
+39 : 80
+43 : 84
+47 : 88
+51 : 92
+55 : 96
+59 : 100
Black
-52 : 0
-48 : 4
-44 : 8
-40 : 12
-36 : 16
-32 : 20
-28 : 24
-24 : 28
-20 : 32
-16 : 36
-12 : 40
-8 : 44
-4 : 48
-3 : 49
-2 : 50
±0 : 52
+2 : 54
+3 : 55
+4 : 56
+8 : 60
+12 : 64
+16 : 68
+20 : 72
+24 : 76
+28 : 80
+32 : 84
+36 : 88
+40 : 92
+44 : 96
+48 : 100
Red
+133 : 255
+116 : 238
+99 : 221
+82 : 204
+65 : 187
+48 : 170
+31 : 153
+14 : 136
+8 : 130
+4 : 126
+2 : 124
+1 : 123
±0 : 122
-1 : 121
-2 : 120
-3 : 119
-4 : 118
-8 : 114
-20 : 102
-37 : 85
-54 : 68
-71 : 51
-88 : 34
-105 : 17
-122 : 0
Green
+151 : 255
+134 : 238
+117 : 221
+100 : 204
+83 : 187
+66 : 170
+49 : 153
+32 : 136
+15 : 119
+8 : 112
+4 : 108
+2 : 106
+1 : 105
±0 : 104
-1 : 103
-2 : 102
-4 : 100
-8 : 96
-19 : 85
-36 : 68
-53 : 51
-70 : 34
-87 : 17
-104 : 0
Blue
+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
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000