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.
#a71ce2
Data
Red
167
Green
28
Blue
226
Hue
282°
White
11%
Black
11%
Saturation
78%
Lightness
50%
Brightness
36%
Tone = Strong
Hue = 282°
3 digits
#b3e
#b3d
#b3c
#b2e
#b2d
#b2c
#b1e
#b1d
#b1c
#a3e
#a3d
#a3c
#a2e
#a2d
#a2c
#a1e
#a1d
#a1c
#93e
#93d
#93c
#92e
#92d
#92c
#91e
#91d
#91c
Named
blueviolet
darkorchid
darkviolet
mediumorchid
mediumpurple
mediumslateblue
slateblue
darkmagenta
fuchsia
mediumvioletred
orchid
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
-270 : 12
-255 : 27
-240 : 42
-225 : 57
-210 : 72
-195 : 87
-180 : 102
-165 : 117
-150 : 132
-135 : 147
-120 : 162
-105 : 177
-90 : 192
-75 : 207
-60 : 222
-45 : 237
-30 : 252
-15 : 267
-10 : 272
-5 : 277
-2 : 280
±0 : 282
+2 : 284
+5 : 287
+10 : 292
+15 : 297
+30 : 312
+45 : 327
+60 : 342
+75 : 357
Saturation
+22 : 100
+18 : 96
+14 : 92
+10 : 88
+6 : 84
+3 : 81
+2 : 80
±0 : 78
-2 : 76
-3 : 75
-6 : 72
-10 : 68
-14 : 64
-18 : 60
-22 : 56
-26 : 52
-28 : 50
-30 : 48
-34 : 44
-38 : 40
-42 : 36
-46 : 32
-50 : 28
-54 : 24
-58 : 20
-62 : 16
-66 : 12
-70 : 8
-74 : 4
-78 : 0
Lightness
+50 : 100
+46 : 96
+42 : 92
+38 : 88
+34 : 84
+30 : 80
+26 : 76
+22 : 72
+18 : 68
+14 : 64
+10 : 60
+6 : 56
+3 : 53
+2 : 52
±0 : 50
-2 : 48
-3 : 47
-6 : 44
-10 : 40
-14 : 36
-18 : 32
-22 : 28
-26 : 24
-30 : 20
-34 : 16
-38 : 12
-42 : 8
-46 : 4
-50 : 0
White
-11 : 0
-7 : 4
-3 : 8
-2 : 9
±0 : 11
+1 : 12
+2 : 13
+3 : 14
+5 : 16
+9 : 20
+13 : 24
+17 : 28
+21 : 32
+25 : 36
+29 : 40
+33 : 44
+37 : 48
+39 : 50
+41 : 52
+45 : 56
+49 : 60
+53 : 64
+57 : 68
+61 : 72
+65 : 76
+69 : 80
+73 : 84
+77 : 88
+81 : 92
+85 : 96
+89 : 100
Black
-11 : 0
-7 : 4
-3 : 8
-2 : 9
±0 : 11
+1 : 12
+2 : 13
+3 : 14
+5 : 16
+9 : 20
+13 : 24
+17 : 28
+21 : 32
+25 : 36
+29 : 40
+33 : 44
+37 : 48
+39 : 50
+41 : 52
+45 : 56
+49 : 60
+53 : 64
+57 : 68
+61 : 72
+65 : 76
+69 : 80
+73 : 84
+77 : 88
+81 : 92
+85 : 96
+89 : 100
Red
+88 : 255
+71 : 238
+54 : 221
+37 : 204
+20 : 187
+8 : 175
+4 : 171
+3 : 170
+2 : 169
+1 : 168
±0 : 167
-1 : 166
-2 : 165
-4 : 163
-8 : 159
-14 : 153
-31 : 136
-48 : 119
-65 : 102
-82 : 85
-99 : 68
-116 : 51
-133 : 34
-150 : 17
-167 : 0
Green
+227 : 255
+210 : 238
+193 : 221
+176 : 204
+159 : 187
+142 : 170
+125 : 153
+108 : 136
+91 : 119
+74 : 102
+57 : 85
+40 : 68
+23 : 51
+8 : 36
+6 : 34
+4 : 32
+2 : 30
+1 : 29
±0 : 28
-1 : 27
-2 : 26
-4 : 24
-8 : 20
-11 : 17
-28 : 0
Blue
+29 : 255
+12 : 238
+8 : 234
+4 : 230
+2 : 228
+1 : 227
±0 : 226
-1 : 225
-2 : 224
-4 : 222
-5 : 221
-8 : 218
-22 : 204
-39 : 187
-56 : 170
-73 : 153
-90 : 136
-107 : 119
-124 : 102
-141 : 85
-158 : 68
-175 : 51
-192 : 34
-209 : 17
-226 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000