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.
#7e655a
Data
Red
126
Green
101
Blue
90
Hue
18°
White
35%
Black
51%
Saturation
17%
Lightness
42%
Brightness
42%
Tone = Grayish
Hue = 18°
3 digits
#876
#875
#874
#866
#865
#864
#856
#855
#854
#776
#775
#774
#766
#765
#764
#756
#755
#754
#676
#675
#674
#666
#665
#664
#656
#655
#654
Named
dimgray
gray
sienna
darkolivegreen
slategray
olivedrab
lightslategray
saddlebrown
indianred
darkslategray
darkslateblue
rebeccapurple
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
-15 : 3
-10 : 8
-5 : 13
-2 : 16
±0 : 18
+2 : 20
+5 : 23
+10 : 28
+15 : 33
+30 : 48
+45 : 63
+60 : 78
+75 : 93
+90 : 108
+105 : 123
+120 : 138
+135 : 153
+150 : 168
+165 : 183
+180 : 198
+195 : 213
+210 : 228
+225 : 243
+240 : 258
+255 : 273
+270 : 288
+285 : 303
+300 : 318
+315 : 333
+330 : 348
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
+58 : 100
+54 : 96
+50 : 92
+46 : 88
+42 : 84
+38 : 80
+34 : 76
+30 : 72
+26 : 68
+22 : 64
+18 : 60
+14 : 56
+10 : 52
+8 : 50
+6 : 48
+3 : 45
+2 : 44
±0 : 42
-2 : 40
-3 : 39
-6 : 36
-10 : 32
-14 : 28
-18 : 24
-22 : 20
-26 : 16
-30 : 12
-34 : 8
-38 : 4
-42 : 0
White
-35 : 0
-31 : 4
-27 : 8
-23 : 12
-19 : 16
-15 : 20
-11 : 24
-7 : 28
-3 : 32
-2 : 33
±0 : 35
+1 : 36
+2 : 37
+3 : 38
+5 : 40
+9 : 44
+13 : 48
+15 : 50
+17 : 52
+21 : 56
+25 : 60
+29 : 64
+33 : 68
+37 : 72
+41 : 76
+45 : 80
+49 : 84
+53 : 88
+57 : 92
+61 : 96
+65 : 100
Black
-51 : 0
-47 : 4
-43 : 8
-39 : 12
-35 : 16
-31 : 20
-27 : 24
-23 : 28
-19 : 32
-15 : 36
-11 : 40
-7 : 44
-3 : 48
-2 : 49
-1 : 50
±0 : 51
+1 : 52
+2 : 53
+3 : 54
+5 : 56
+9 : 60
+13 : 64
+17 : 68
+21 : 72
+25 : 76
+29 : 80
+33 : 84
+37 : 88
+41 : 92
+45 : 96
+49 : 100
Red
+129 : 255
+112 : 238
+95 : 221
+78 : 204
+61 : 187
+44 : 170
+27 : 153
+10 : 136
+8 : 134
+4 : 130
+2 : 128
+1 : 127
±0 : 126
-1 : 125
-2 : 124
-4 : 122
-7 : 119
-8 : 118
-24 : 102
-41 : 85
-58 : 68
-75 : 51
-92 : 34
-109 : 17
-126 : 0
Green
+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
Blue
+165 : 255
+148 : 238
+131 : 221
+114 : 204
+97 : 187
+80 : 170
+63 : 153
+46 : 136
+29 : 119
+12 : 102
+8 : 98
+4 : 94
+2 : 92
+1 : 91
±0 : 90
-1 : 89
-2 : 88
-4 : 86
-5 : 85
-8 : 82
-22 : 68
-39 : 51
-56 : 34
-73 : 17
-90 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000