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.
#a270ec
Data
Red
162
Green
112
Blue
236
Hue
264°
White
44%
Black
7%
Saturation
77%
Lightness
68%
Brightness
55%
Tone = Bright
Hue = 264°
3 digits
#b8f
#b8e
#b8d
#b7f
#b7e
#b7d
#b6f
#b6e
#b6d
#a8f
#a8e
#a8d
#a7f
#a7e
#a7d
#a6f
#a6e
#a6d
#98f
#98e
#98d
#97f
#97e
#97d
#96f
#96e
#96d
Named
mediumpurple
mediumslateblue
mediumorchid
orchid
slateblue
darkorchid
cornflowerblue
blueviolet
plum
violet
lightsteelblue
darkgray
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
-255 : 9
-240 : 24
-225 : 39
-210 : 54
-195 : 69
-180 : 84
-165 : 99
-150 : 114
-135 : 129
-120 : 144
-105 : 159
-90 : 174
-75 : 189
-60 : 204
-45 : 219
-30 : 234
-15 : 249
-10 : 254
-5 : 259
-2 : 262
±0 : 264
+2 : 266
+5 : 269
+10 : 274
+15 : 279
+30 : 294
+45 : 309
+60 : 324
+75 : 339
+90 : 354
Saturation
+23 : 100
+19 : 96
+15 : 92
+11 : 88
+7 : 84
+3 : 80
+2 : 79
±0 : 77
-1 : 76
-2 : 75
-3 : 74
-5 : 72
-9 : 68
-13 : 64
-17 : 60
-21 : 56
-25 : 52
-27 : 50
-29 : 48
-33 : 44
-37 : 40
-41 : 36
-45 : 32
-49 : 28
-53 : 24
-57 : 20
-61 : 16
-65 : 12
-69 : 8
-73 : 4
-77 : 0
Lightness
+32 : 100
+28 : 96
+24 : 92
+20 : 88
+16 : 84
+12 : 80
+8 : 76
+4 : 72
+3 : 71
+2 : 70
±0 : 68
-2 : 66
-3 : 65
-4 : 64
-8 : 60
-12 : 56
-16 : 52
-18 : 50
-20 : 48
-24 : 44
-28 : 40
-32 : 36
-36 : 32
-40 : 28
-44 : 24
-48 : 20
-52 : 16
-56 : 12
-60 : 8
-64 : 4
-68 : 0
White
-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
Black
-7 : 0
-3 : 4
-2 : 5
±0 : 7
+1 : 8
+2 : 9
+3 : 10
+5 : 12
+9 : 16
+13 : 20
+17 : 24
+21 : 28
+25 : 32
+29 : 36
+33 : 40
+37 : 44
+41 : 48
+43 : 50
+45 : 52
+49 : 56
+53 : 60
+57 : 64
+61 : 68
+65 : 72
+69 : 76
+73 : 80
+77 : 84
+81 : 88
+85 : 92
+89 : 96
+93 : 100
Red
+93 : 255
+76 : 238
+59 : 221
+42 : 204
+25 : 187
+8 : 170
+4 : 166
+2 : 164
+1 : 163
±0 : 162
-1 : 161
-2 : 160
-4 : 158
-8 : 154
-9 : 153
-26 : 136
-43 : 119
-60 : 102
-77 : 85
-94 : 68
-111 : 51
-128 : 34
-145 : 17
-162 : 0
Green
+143 : 255
+126 : 238
+109 : 221
+92 : 204
+75 : 187
+58 : 170
+41 : 153
+24 : 136
+8 : 120
+7 : 119
+4 : 116
+2 : 114
+1 : 113
±0 : 112
-1 : 111
-2 : 110
-4 : 108
-8 : 104
-10 : 102
-27 : 85
-44 : 68
-61 : 51
-78 : 34
-95 : 17
-112 : 0
Blue
+19 : 255
+8 : 244
+4 : 240
+2 : 238
+1 : 237
±0 : 236
-1 : 235
-2 : 234
-4 : 232
-8 : 228
-15 : 221
-32 : 204
-49 : 187
-66 : 170
-83 : 153
-100 : 136
-117 : 119
-134 : 102
-151 : 85
-168 : 68
-185 : 51
-202 : 34
-219 : 17
-236 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000