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.
#ac28fa
Data
Red
172
Green
40
Blue
250
Hue
278°
White
16%
Black
2%
Saturation
95%
Lightness
57%
Brightness
41%
Tone = Strong
Hue = 278°
3 digits
#b3f
#b3e
#b3d
#b2f
#b2e
#b2d
#b1f
#b1e
#b1d
#a3f
#a3e
#a3d
#a2f
#a2e
#a2d
#a1f
#a1e
#a1d
#93f
#93e
#93d
#92f
#92e
#92d
#91f
#91e
#91d
Named
blueviolet
darkorchid
darkviolet
mediumorchid
mediumslateblue
mediumpurple
fuchsia
orchid
slateblue
violet
rebeccapurple
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 : 8
-255 : 23
-240 : 38
-225 : 53
-210 : 68
-195 : 83
-180 : 98
-165 : 113
-150 : 128
-135 : 143
-120 : 158
-105 : 173
-90 : 188
-75 : 203
-60 : 218
-45 : 233
-30 : 248
-15 : 263
-10 : 268
-5 : 273
-2 : 276
±0 : 278
+2 : 280
+5 : 283
+10 : 288
+15 : 293
+30 : 308
+45 : 323
+60 : 338
+75 : 353
Saturation
+5 : 100
+3 : 98
+2 : 97
+1 : 96
±0 : 95
-2 : 93
-3 : 92
-7 : 88
-11 : 84
-15 : 80
-19 : 76
-23 : 72
-27 : 68
-31 : 64
-35 : 60
-39 : 56
-43 : 52
-45 : 50
-47 : 48
-51 : 44
-55 : 40
-59 : 36
-63 : 32
-67 : 28
-71 : 24
-75 : 20
-79 : 16
-83 : 12
-87 : 8
-91 : 4
-95 : 0
Lightness
+43 : 100
+39 : 96
+35 : 92
+31 : 88
+27 : 84
+23 : 80
+19 : 76
+15 : 72
+11 : 68
+7 : 64
+3 : 60
+2 : 59
±0 : 57
-1 : 56
-2 : 55
-3 : 54
-5 : 52
-7 : 50
-9 : 48
-13 : 44
-17 : 40
-21 : 36
-25 : 32
-29 : 28
-33 : 24
-37 : 20
-41 : 16
-45 : 12
-49 : 8
-53 : 4
-57 : 0
White
-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
Black
-2 : 0
±0 : 2
+2 : 4
+3 : 5
+6 : 8
+10 : 12
+14 : 16
+18 : 20
+22 : 24
+26 : 28
+30 : 32
+34 : 36
+38 : 40
+42 : 44
+46 : 48
+48 : 50
+50 : 52
+54 : 56
+58 : 60
+62 : 64
+66 : 68
+70 : 72
+74 : 76
+78 : 80
+82 : 84
+86 : 88
+90 : 92
+94 : 96
+98 : 100
Red
+83 : 255
+66 : 238
+49 : 221
+32 : 204
+15 : 187
+8 : 180
+4 : 176
+2 : 174
+1 : 173
±0 : 172
-1 : 171
-2 : 170
-4 : 168
-8 : 164
-19 : 153
-36 : 136
-53 : 119
-70 : 102
-87 : 85
-104 : 68
-121 : 51
-138 : 34
-155 : 17
-172 : 0
Green
+215 : 255
+198 : 238
+181 : 221
+164 : 204
+147 : 187
+130 : 170
+113 : 153
+96 : 136
+79 : 119
+62 : 102
+45 : 85
+28 : 68
+11 : 51
+8 : 48
+4 : 44
+2 : 42
+1 : 41
±0 : 40
-1 : 39
-2 : 38
-4 : 36
-6 : 34
-8 : 32
-23 : 17
-40 : 0
Blue
+5 : 255
+4 : 254
+2 : 252
+1 : 251
±0 : 250
-1 : 249
-2 : 248
-4 : 246
-8 : 242
-12 : 238
-29 : 221
-46 : 204
-63 : 187
-80 : 170
-97 : 153
-114 : 136
-131 : 119
-148 : 102
-165 : 85
-182 : 68
-199 : 51
-216 : 34
-233 : 17
-250 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000