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.
#616367
Data
Red
97
Green
99
Blue
103
Hue
220°
White
38%
Black
60%
Saturation
3%
Lightness
39%
Brightness
39%
Tone = Grayish
Hue = 220°
3 digits
#777
#776
#775
#767
#766
#765
#757
#756
#755
#677
#676
#675
#667
#666
#665
#657
#656
#655
#577
#576
#575
#567
#566
#565
#557
#556
#555
Named
dimgray
gray
slategray
darkolivegreen
darkslateblue
darkslategray
lightslategray
seagreen
rebeccapurple
olivedrab
cadetblue
steelblue
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
-210 : 10
-195 : 25
-180 : 40
-165 : 55
-150 : 70
-135 : 85
-120 : 100
-105 : 115
-90 : 130
-75 : 145
-60 : 160
-45 : 175
-30 : 190
-15 : 205
-10 : 210
-5 : 215
-2 : 218
±0 : 220
+2 : 222
+5 : 225
+10 : 230
+15 : 235
+30 : 250
+45 : 265
+60 : 280
+75 : 295
+90 : 310
+105 : 325
+120 : 340
+135 : 355
Saturation
+97 : 100
+93 : 96
+89 : 92
+85 : 88
+81 : 84
+77 : 80
+73 : 76
+69 : 72
+65 : 68
+61 : 64
+57 : 60
+53 : 56
+49 : 52
+47 : 50
+45 : 48
+41 : 44
+37 : 40
+33 : 36
+29 : 32
+25 : 28
+21 : 24
+17 : 20
+13 : 16
+9 : 12
+5 : 8
+3 : 6
+2 : 5
+1 : 4
±0 : 3
-2 : 1
-3 : 0
Lightness
+61 : 100
+57 : 96
+53 : 92
+49 : 88
+45 : 84
+41 : 80
+37 : 76
+33 : 72
+29 : 68
+25 : 64
+21 : 60
+17 : 56
+13 : 52
+11 : 50
+9 : 48
+5 : 44
+3 : 42
+2 : 41
+1 : 40
±0 : 39
-2 : 37
-3 : 36
-7 : 32
-11 : 28
-15 : 24
-19 : 20
-23 : 16
-27 : 12
-31 : 8
-35 : 4
-39 : 0
White
-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
Black
-60 : 0
-56 : 4
-52 : 8
-48 : 12
-44 : 16
-40 : 20
-36 : 24
-32 : 28
-28 : 32
-24 : 36
-20 : 40
-16 : 44
-12 : 48
-10 : 50
-8 : 52
-4 : 56
-3 : 57
-2 : 58
±0 : 60
+2 : 62
+3 : 63
+4 : 64
+8 : 68
+12 : 72
+16 : 76
+20 : 80
+24 : 84
+28 : 88
+32 : 92
+36 : 96
+40 : 100
Red
+158 : 255
+141 : 238
+124 : 221
+107 : 204
+90 : 187
+73 : 170
+56 : 153
+39 : 136
+22 : 119
+8 : 105
+5 : 102
+4 : 101
+2 : 99
+1 : 98
±0 : 97
-1 : 96
-2 : 95
-4 : 93
-8 : 89
-12 : 85
-29 : 68
-46 : 51
-63 : 34
-80 : 17
-97 : 0
Green
+156 : 255
+139 : 238
+122 : 221
+105 : 204
+88 : 187
+71 : 170
+54 : 153
+37 : 136
+20 : 119
+8 : 107
+4 : 103
+3 : 102
+2 : 101
+1 : 100
±0 : 99
-1 : 98
-2 : 97
-4 : 95
-8 : 91
-14 : 85
-31 : 68
-48 : 51
-65 : 34
-82 : 17
-99 : 0
Blue
+152 : 255
+135 : 238
+118 : 221
+101 : 204
+84 : 187
+67 : 170
+50 : 153
+33 : 136
+16 : 119
+8 : 111
+4 : 107
+2 : 105
+1 : 104
±0 : 103
-1 : 102
-2 : 101
-4 : 99
-8 : 95
-18 : 85
-35 : 68
-52 : 51
-69 : 34
-86 : 17
-103 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000