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.
#b821d6
Data
Red
184
Green
33
Blue
214
Hue
290°
White
13%
Black
16%
Saturation
73%
Lightness
48%
Brightness
39%
Tone = Strong
Hue = 290°
3 digits
#c3e
#c3d
#c3c
#c2e
#c2d
#c2c
#c1e
#c1d
#c1c
#b3e
#b3d
#b3c
#b2e
#b2d
#b2c
#b1e
#b1d
#b1c
#a3e
#a3d
#a3c
#a2e
#a2d
#a2c
#a1e
#a1d
#a1c
Named
darkorchid
blueviolet
darkviolet
mediumorchid
mediumvioletred
orchid
mediumpurple
fuchsia
darkmagenta
mediumslateblue
slateblue
deeppink
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
-285 : 5
-270 : 20
-255 : 35
-240 : 50
-225 : 65
-210 : 80
-195 : 95
-180 : 110
-165 : 125
-150 : 140
-135 : 155
-120 : 170
-105 : 185
-90 : 200
-75 : 215
-60 : 230
-45 : 245
-30 : 260
-15 : 275
-10 : 280
-5 : 285
-2 : 288
±0 : 290
+2 : 292
+5 : 295
+10 : 300
+15 : 305
+30 : 320
+45 : 335
+60 : 350
Saturation
+27 : 100
+23 : 96
+19 : 92
+15 : 88
+11 : 84
+7 : 80
+3 : 76
+2 : 75
±0 : 73
-1 : 72
-2 : 71
-3 : 70
-5 : 68
-9 : 64
-13 : 60
-17 : 56
-21 : 52
-23 : 50
-25 : 48
-29 : 44
-33 : 40
-37 : 36
-41 : 32
-45 : 28
-49 : 24
-53 : 20
-57 : 16
-61 : 12
-65 : 8
-69 : 4
-73 : 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
-13 : 0
-9 : 4
-5 : 8
-3 : 10
-2 : 11
-1 : 12
±0 : 13
+2 : 15
+3 : 16
+7 : 20
+11 : 24
+15 : 28
+19 : 32
+23 : 36
+27 : 40
+31 : 44
+35 : 48
+37 : 50
+39 : 52
+43 : 56
+47 : 60
+51 : 64
+55 : 68
+59 : 72
+63 : 76
+67 : 80
+71 : 84
+75 : 88
+79 : 92
+83 : 96
+87 : 100
Black
-16 : 0
-12 : 4
-8 : 8
-4 : 12
-3 : 13
-2 : 14
±0 : 16
+2 : 18
+3 : 19
+4 : 20
+8 : 24
+12 : 28
+16 : 32
+20 : 36
+24 : 40
+28 : 44
+32 : 48
+34 : 50
+36 : 52
+40 : 56
+44 : 60
+48 : 64
+52 : 68
+56 : 72
+60 : 76
+64 : 80
+68 : 84
+72 : 88
+76 : 92
+80 : 96
+84 : 100
Red
+71 : 255
+54 : 238
+37 : 221
+20 : 204
+8 : 192
+4 : 188
+3 : 187
+2 : 186
+1 : 185
±0 : 184
-1 : 183
-2 : 182
-4 : 180
-8 : 176
-14 : 170
-31 : 153
-48 : 136
-65 : 119
-82 : 102
-99 : 85
-116 : 68
-133 : 51
-150 : 34
-167 : 17
-184 : 0
Green
+222 : 255
+205 : 238
+188 : 221
+171 : 204
+154 : 187
+137 : 170
+120 : 153
+103 : 136
+86 : 119
+69 : 102
+52 : 85
+35 : 68
+18 : 51
+8 : 41
+4 : 37
+2 : 35
+1 : 34
±0 : 33
-1 : 32
-2 : 31
-4 : 29
-8 : 25
-16 : 17
-33 : 0
Blue
+41 : 255
+24 : 238
+8 : 222
+7 : 221
+4 : 218
+2 : 216
+1 : 215
±0 : 214
-1 : 213
-2 : 212
-4 : 210
-8 : 206
-10 : 204
-27 : 187
-44 : 170
-61 : 153
-78 : 136
-95 : 119
-112 : 102
-129 : 85
-146 : 68
-163 : 51
-180 : 34
-197 : 17
-214 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000