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.
#8e668d
Data
Red
142
Green
102
Blue
141
Hue
302°
White
40%
Black
44%
Saturation
16%
Lightness
48%
Brightness
46%
Tone = Grayish
Hue = 302°
3 digits
#979
#978
#977
#969
#968
#967
#959
#958
#957
#879
#878
#877
#869
#868
#867
#859
#858
#857
#779
#778
#777
#769
#768
#767
#759
#758
#757
Named
gray
slategray
lightslategray
dimgray
rosybrown
rebeccapurple
slateblue
cadetblue
darkgray
palevioletred
mediumpurple
indianred
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
-300 : 2
-285 : 17
-270 : 32
-255 : 47
-240 : 62
-225 : 77
-210 : 92
-195 : 107
-180 : 122
-165 : 137
-150 : 152
-135 : 167
-120 : 182
-105 : 197
-90 : 212
-75 : 227
-60 : 242
-45 : 257
-30 : 272
-15 : 287
-10 : 292
-5 : 297
-2 : 300
±0 : 302
+2 : 304
+5 : 307
+10 : 312
+15 : 317
+30 : 332
+45 : 347
Saturation
+84 : 100
+80 : 96
+76 : 92
+72 : 88
+68 : 84
+64 : 80
+60 : 76
+56 : 72
+52 : 68
+48 : 64
+44 : 60
+40 : 56
+36 : 52
+34 : 50
+32 : 48
+28 : 44
+24 : 40
+20 : 36
+16 : 32
+12 : 28
+8 : 24
+4 : 20
+3 : 19
+2 : 18
±0 : 16
-2 : 14
-3 : 13
-4 : 12
-8 : 8
-12 : 4
-16 : 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
-44 : 0
-40 : 4
-36 : 8
-32 : 12
-28 : 16
-24 : 20
-20 : 24
-16 : 28
-12 : 32
-8 : 36
-4 : 40
-3 : 41
-2 : 42
±0 : 44
+2 : 46
+3 : 47
+4 : 48
+6 : 50
+8 : 52
+12 : 56
+16 : 60
+20 : 64
+24 : 68
+28 : 72
+32 : 76
+36 : 80
+40 : 84
+44 : 88
+48 : 92
+52 : 96
+56 : 100
Red
+113 : 255
+96 : 238
+79 : 221
+62 : 204
+45 : 187
+28 : 170
+11 : 153
+8 : 150
+4 : 146
+2 : 144
+1 : 143
±0 : 142
-1 : 141
-2 : 140
-4 : 138
-6 : 136
-8 : 134
-23 : 119
-40 : 102
-57 : 85
-74 : 68
-91 : 51
-108 : 34
-125 : 17
-142 : 0
Green
+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
Blue
+114 : 255
+97 : 238
+80 : 221
+63 : 204
+46 : 187
+29 : 170
+12 : 153
+8 : 149
+4 : 145
+2 : 143
+1 : 142
±0 : 141
-1 : 140
-2 : 139
-4 : 137
-5 : 136
-8 : 133
-22 : 119
-39 : 102
-56 : 85
-73 : 68
-90 : 51
-107 : 34
-124 : 17
-141 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000