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.
#960ff2
Data
Red
150
Green
15
Blue
242
Hue
276°
White
6%
Black
5%
Saturation
90%
Lightness
50%
Brightness
32%
Tone = Vivid
Hue = 276°
3 digits
#a2f
#a2e
#a2d
#a1f
#a1e
#a1d
#a0f
#a0e
#a0d
#92f
#92e
#92d
#91f
#91e
#91d
#90f
#90e
#90d
#82f
#82e
#82d
#81f
#81e
#81d
#80f
#80e
#80d
Named
blueviolet
darkviolet
darkorchid
mediumorchid
mediumslateblue
slateblue
mediumpurple
darkmagenta
fuchsia
rebeccapurple
purple
mediumvioletred
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 : 6
-255 : 21
-240 : 36
-225 : 51
-210 : 66
-195 : 81
-180 : 96
-165 : 111
-150 : 126
-135 : 141
-120 : 156
-105 : 171
-90 : 186
-75 : 201
-60 : 216
-45 : 231
-30 : 246
-15 : 261
-10 : 266
-5 : 271
-2 : 274
±0 : 276
+2 : 278
+5 : 281
+10 : 286
+15 : 291
+30 : 306
+45 : 321
+60 : 336
+75 : 351
Saturation
+10 : 100
+6 : 96
+3 : 93
+2 : 92
±0 : 90
-2 : 88
-3 : 87
-6 : 84
-10 : 80
-14 : 76
-18 : 72
-22 : 68
-26 : 64
-30 : 60
-34 : 56
-38 : 52
-40 : 50
-42 : 48
-46 : 44
-50 : 40
-54 : 36
-58 : 32
-62 : 28
-66 : 24
-70 : 20
-74 : 16
-78 : 12
-82 : 8
-86 : 4
-90 : 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
-6 : 0
-3 : 3
-2 : 4
±0 : 6
+2 : 8
+3 : 9
+6 : 12
+10 : 16
+14 : 20
+18 : 24
+22 : 28
+26 : 32
+30 : 36
+34 : 40
+38 : 44
+42 : 48
+44 : 50
+46 : 52
+50 : 56
+54 : 60
+58 : 64
+62 : 68
+66 : 72
+70 : 76
+74 : 80
+78 : 84
+82 : 88
+86 : 92
+90 : 96
+94 : 100
Black
-5 : 0
-3 : 2
-2 : 3
-1 : 4
±0 : 5
+2 : 7
+3 : 8
+7 : 12
+11 : 16
+15 : 20
+19 : 24
+23 : 28
+27 : 32
+31 : 36
+35 : 40
+39 : 44
+43 : 48
+45 : 50
+47 : 52
+51 : 56
+55 : 60
+59 : 64
+63 : 68
+67 : 72
+71 : 76
+75 : 80
+79 : 84
+83 : 88
+87 : 92
+91 : 96
+95 : 100
Red
+105 : 255
+88 : 238
+71 : 221
+54 : 204
+37 : 187
+20 : 170
+8 : 158
+4 : 154
+3 : 153
+2 : 152
+1 : 151
±0 : 150
-1 : 149
-2 : 148
-4 : 146
-8 : 142
-14 : 136
-31 : 119
-48 : 102
-65 : 85
-82 : 68
-99 : 51
-116 : 34
-133 : 17
-150 : 0
Green
+240 : 255
+223 : 238
+206 : 221
+189 : 204
+172 : 187
+155 : 170
+138 : 153
+121 : 136
+104 : 119
+87 : 102
+70 : 85
+53 : 68
+36 : 51
+19 : 34
+8 : 23
+4 : 19
+2 : 17
+1 : 16
±0 : 15
-1 : 14
-2 : 13
-4 : 11
-8 : 7
-15 : 0
Blue
+13 : 255
+8 : 250
+4 : 246
+2 : 244
+1 : 243
±0 : 242
-1 : 241
-2 : 240
-4 : 238
-8 : 234
-21 : 221
-38 : 204
-55 : 187
-72 : 170
-89 : 153
-106 : 136
-123 : 119
-140 : 102
-157 : 85
-174 : 68
-191 : 51
-208 : 34
-225 : 17
-242 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000