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.
#784db3
Data
Red
120
Green
77
Blue
179
Hue
265°
White
30%
Black
30%
Saturation
40%
Lightness
50%
Brightness
40%
Tone = Dull
Hue = 265°
3 digits
#86c
#86b
#86a
#85c
#85b
#85a
#84c
#84b
#84a
#76c
#76b
#76a
#75c
#75b
#75a
#74c
#74b
#74a
#66c
#66b
#66a
#65c
#65b
#65a
#64c
#64b
#64a
Named
slateblue
rebeccapurple
darkorchid
mediumpurple
blueviolet
slategray
lightslategray
darkslateblue
mediumslateblue
gray
steelblue
mediumorchid
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 : 10
-240 : 25
-225 : 40
-210 : 55
-195 : 70
-180 : 85
-165 : 100
-150 : 115
-135 : 130
-120 : 145
-105 : 160
-90 : 175
-75 : 190
-60 : 205
-45 : 220
-30 : 235
-15 : 250
-10 : 255
-5 : 260
-2 : 263
±0 : 265
+2 : 267
+5 : 270
+10 : 275
+15 : 280
+30 : 295
+45 : 310
+60 : 325
+75 : 340
+90 : 355
Saturation
+60 : 100
+56 : 96
+52 : 92
+48 : 88
+44 : 84
+40 : 80
+36 : 76
+32 : 72
+28 : 68
+24 : 64
+20 : 60
+16 : 56
+12 : 52
+10 : 50
+8 : 48
+4 : 44
+3 : 43
+2 : 42
±0 : 40
-2 : 38
-3 : 37
-4 : 36
-8 : 32
-12 : 28
-16 : 24
-20 : 20
-24 : 16
-28 : 12
-32 : 8
-36 : 4
-40 : 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
-30 : 0
-26 : 4
-22 : 8
-18 : 12
-14 : 16
-10 : 20
-6 : 24
-3 : 27
-2 : 28
±0 : 30
+2 : 32
+3 : 33
+6 : 36
+10 : 40
+14 : 44
+18 : 48
+20 : 50
+22 : 52
+26 : 56
+30 : 60
+34 : 64
+38 : 68
+42 : 72
+46 : 76
+50 : 80
+54 : 84
+58 : 88
+62 : 92
+66 : 96
+70 : 100
Black
-30 : 0
-26 : 4
-22 : 8
-18 : 12
-14 : 16
-10 : 20
-6 : 24
-3 : 27
-2 : 28
±0 : 30
+2 : 32
+3 : 33
+6 : 36
+10 : 40
+14 : 44
+18 : 48
+20 : 50
+22 : 52
+26 : 56
+30 : 60
+34 : 64
+38 : 68
+42 : 72
+46 : 76
+50 : 80
+54 : 84
+58 : 88
+62 : 92
+66 : 96
+70 : 100
Red
+135 : 255
+118 : 238
+101 : 221
+84 : 204
+67 : 187
+50 : 170
+33 : 153
+16 : 136
+8 : 128
+4 : 124
+2 : 122
+1 : 121
±0 : 120
-1 : 119
-2 : 118
-4 : 116
-8 : 112
-18 : 102
-35 : 85
-52 : 68
-69 : 51
-86 : 34
-103 : 17
-120 : 0
Green
+178 : 255
+161 : 238
+144 : 221
+127 : 204
+110 : 187
+93 : 170
+76 : 153
+59 : 136
+42 : 119
+25 : 102
+8 : 85
+4 : 81
+2 : 79
+1 : 78
±0 : 77
-1 : 76
-2 : 75
-4 : 73
-8 : 69
-9 : 68
-26 : 51
-43 : 34
-60 : 17
-77 : 0
Blue
+76 : 255
+59 : 238
+42 : 221
+25 : 204
+8 : 187
+4 : 183
+2 : 181
+1 : 180
±0 : 179
-1 : 178
-2 : 177
-4 : 175
-8 : 171
-9 : 170
-26 : 153
-43 : 136
-60 : 119
-77 : 102
-94 : 85
-111 : 68
-128 : 51
-145 : 34
-162 : 17
-179 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000