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.
#985bf4
Data
Red
152
Green
91
Blue
244
Hue
264°
White
36%
Black
4%
Saturation
87%
Lightness
66%
Brightness
50%
Tone = Soft
Hue = 264°
3 digits
#a6f
#a6e
#a6d
#a5f
#a5e
#a5d
#a4f
#a4e
#a4d
#96f
#96e
#96d
#95f
#95e
#95d
#94f
#94e
#94d
#86f
#86e
#86d
#85f
#85e
#85d
#84f
#84e
#84d
Named
mediumslateblue
mediumpurple
mediumorchid
blueviolet
darkorchid
slateblue
orchid
cornflowerblue
royalblue
violet
darkviolet
plum
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
+13 : 100
+9 : 96
+5 : 92
+3 : 90
+2 : 89
+1 : 88
±0 : 87
-2 : 85
-3 : 84
-7 : 80
-11 : 76
-15 : 72
-19 : 68
-23 : 64
-27 : 60
-31 : 56
-35 : 52
-37 : 50
-39 : 48
-43 : 44
-47 : 40
-51 : 36
-55 : 32
-59 : 28
-63 : 24
-67 : 20
-71 : 16
-75 : 12
-79 : 8
-83 : 4
-87 : 0
Lightness
+34 : 100
+30 : 96
+26 : 92
+22 : 88
+18 : 84
+14 : 80
+10 : 76
+6 : 72
+3 : 69
+2 : 68
±0 : 66
-2 : 64
-3 : 63
-6 : 60
-10 : 56
-14 : 52
-16 : 50
-18 : 48
-22 : 44
-26 : 40
-30 : 36
-34 : 32
-38 : 28
-42 : 24
-46 : 20
-50 : 16
-54 : 12
-58 : 8
-62 : 4
-66 : 0
White
-36 : 0
-32 : 4
-28 : 8
-24 : 12
-20 : 16
-16 : 20
-12 : 24
-8 : 28
-4 : 32
-3 : 33
-2 : 34
±0 : 36
+2 : 38
+3 : 39
+4 : 40
+8 : 44
+12 : 48
+14 : 50
+16 : 52
+20 : 56
+24 : 60
+28 : 64
+32 : 68
+36 : 72
+40 : 76
+44 : 80
+48 : 84
+52 : 88
+56 : 92
+60 : 96
+64 : 100
Black
-4 : 0
-3 : 1
-2 : 2
±0 : 4
+2 : 6
+3 : 7
+4 : 8
+8 : 12
+12 : 16
+16 : 20
+20 : 24
+24 : 28
+28 : 32
+32 : 36
+36 : 40
+40 : 44
+44 : 48
+46 : 50
+48 : 52
+52 : 56
+56 : 60
+60 : 64
+64 : 68
+68 : 72
+72 : 76
+76 : 80
+80 : 84
+84 : 88
+88 : 92
+92 : 96
+96 : 100
Red
+103 : 255
+86 : 238
+69 : 221
+52 : 204
+35 : 187
+18 : 170
+8 : 160
+4 : 156
+2 : 154
+1 : 153
±0 : 152
-1 : 151
-2 : 150
-4 : 148
-8 : 144
-16 : 136
-33 : 119
-50 : 102
-67 : 85
-84 : 68
-101 : 51
-118 : 34
-135 : 17
-152 : 0
Green
+164 : 255
+147 : 238
+130 : 221
+113 : 204
+96 : 187
+79 : 170
+62 : 153
+45 : 136
+28 : 119
+11 : 102
+8 : 99
+4 : 95
+2 : 93
+1 : 92
±0 : 91
-1 : 90
-2 : 89
-4 : 87
-6 : 85
-8 : 83
-23 : 68
-40 : 51
-57 : 34
-74 : 17
-91 : 0
Blue
+11 : 255
+8 : 252
+4 : 248
+2 : 246
+1 : 245
±0 : 244
-1 : 243
-2 : 242
-4 : 240
-6 : 238
-8 : 236
-23 : 221
-40 : 204
-57 : 187
-74 : 170
-91 : 153
-108 : 136
-125 : 119
-142 : 102
-159 : 85
-176 : 68
-193 : 51
-210 : 34
-227 : 17
-244 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000