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.
#a562ea
Data
Red
165
Green
98
Blue
234
Hue
270°
White
38%
Black
8%
Saturation
76%
Lightness
65%
Brightness
52%
Tone = Soft
Hue = 270°
3 digits
#b7f
#b7e
#b7d
#b6f
#b6e
#b6d
#b5f
#b5e
#b5d
#a7f
#a7e
#a7d
#a6f
#a6e
#a6d
#a5f
#a5e
#a5d
#97f
#97e
#97d
#96f
#96e
#96d
#95f
#95e
#95d
Named
mediumpurple
mediumorchid
mediumslateblue
darkorchid
orchid
blueviolet
slateblue
violet
cornflowerblue
plum
darkgray
lightsteelblue
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 : 0
-255 : 15
-240 : 30
-225 : 45
-210 : 60
-195 : 75
-180 : 90
-165 : 105
-150 : 120
-135 : 135
-120 : 150
-105 : 165
-90 : 180
-75 : 195
-60 : 210
-45 : 225
-30 : 240
-15 : 255
-10 : 260
-5 : 265
-2 : 268
±0 : 270
+2 : 272
+5 : 275
+10 : 280
+15 : 285
+30 : 300
+45 : 315
+60 : 330
+75 : 345
Saturation
+24 : 100
+20 : 96
+16 : 92
+12 : 88
+8 : 84
+4 : 80
+3 : 79
+2 : 78
±0 : 76
-2 : 74
-3 : 73
-4 : 72
-8 : 68
-12 : 64
-16 : 60
-20 : 56
-24 : 52
-26 : 50
-28 : 48
-32 : 44
-36 : 40
-40 : 36
-44 : 32
-48 : 28
-52 : 24
-56 : 20
-60 : 16
-64 : 12
-68 : 8
-72 : 4
-76 : 0
Lightness
+35 : 100
+31 : 96
+27 : 92
+23 : 88
+19 : 84
+15 : 80
+11 : 76
+7 : 72
+3 : 68
+2 : 67
±0 : 65
-1 : 64
-2 : 63
-3 : 62
-5 : 60
-9 : 56
-13 : 52
-15 : 50
-17 : 48
-21 : 44
-25 : 40
-29 : 36
-33 : 32
-37 : 28
-41 : 24
-45 : 20
-49 : 16
-53 : 12
-57 : 8
-61 : 4
-65 : 0
White
-38 : 0
-34 : 4
-30 : 8
-26 : 12
-22 : 16
-18 : 20
-14 : 24
-10 : 28
-6 : 32
-3 : 35
-2 : 36
±0 : 38
+2 : 40
+3 : 41
+6 : 44
+10 : 48
+12 : 50
+14 : 52
+18 : 56
+22 : 60
+26 : 64
+30 : 68
+34 : 72
+38 : 76
+42 : 80
+46 : 84
+50 : 88
+54 : 92
+58 : 96
+62 : 100
Black
-8 : 0
-4 : 4
-3 : 5
-2 : 6
±0 : 8
+2 : 10
+3 : 11
+4 : 12
+8 : 16
+12 : 20
+16 : 24
+20 : 28
+24 : 32
+28 : 36
+32 : 40
+36 : 44
+40 : 48
+42 : 50
+44 : 52
+48 : 56
+52 : 60
+56 : 64
+60 : 68
+64 : 72
+68 : 76
+72 : 80
+76 : 84
+80 : 88
+84 : 92
+88 : 96
+92 : 100
Red
+90 : 255
+73 : 238
+56 : 221
+39 : 204
+22 : 187
+8 : 173
+5 : 170
+4 : 169
+2 : 167
+1 : 166
±0 : 165
-1 : 164
-2 : 163
-4 : 161
-8 : 157
-12 : 153
-29 : 136
-46 : 119
-63 : 102
-80 : 85
-97 : 68
-114 : 51
-131 : 34
-148 : 17
-165 : 0
Green
+157 : 255
+140 : 238
+123 : 221
+106 : 204
+89 : 187
+72 : 170
+55 : 153
+38 : 136
+21 : 119
+8 : 106
+4 : 102
+2 : 100
+1 : 99
±0 : 98
-1 : 97
-2 : 96
-4 : 94
-8 : 90
-13 : 85
-30 : 68
-47 : 51
-64 : 34
-81 : 17
-98 : 0
Blue
+21 : 255
+8 : 242
+4 : 238
+2 : 236
+1 : 235
±0 : 234
-1 : 233
-2 : 232
-4 : 230
-8 : 226
-13 : 221
-30 : 204
-47 : 187
-64 : 170
-81 : 153
-98 : 136
-115 : 119
-132 : 102
-149 : 85
-166 : 68
-183 : 51
-200 : 34
-217 : 17
-234 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000