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.
#8a1776
Data
Red
138
Green
23
Blue
118
Hue
310°
White
9%
Black
46%
Saturation
71%
Lightness
32%
Brightness
27%
Tone = Deep
Hue = 310°
3 digits
#928
#927
#926
#918
#917
#916
#908
#907
#906
#828
#827
#826
#818
#817
#816
#808
#807
#806
#728
#727
#726
#718
#717
#716
#708
#707
#706
Named
purple
darkmagenta
rebeccapurple
mediumvioletred
indigo
darkslateblue
brown
dimgray
darkorchid
firebrick
darkviolet
sienna
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
-300 : 10
-285 : 25
-270 : 40
-255 : 55
-240 : 70
-225 : 85
-210 : 100
-195 : 115
-180 : 130
-165 : 145
-150 : 160
-135 : 175
-120 : 190
-105 : 205
-90 : 220
-75 : 235
-60 : 250
-45 : 265
-30 : 280
-15 : 295
-10 : 300
-5 : 305
-2 : 308
±0 : 310
+2 : 312
+5 : 315
+10 : 320
+15 : 325
+30 : 340
+45 : 355
Saturation
+29 : 100
+25 : 96
+21 : 92
+17 : 88
+13 : 84
+9 : 80
+5 : 76
+3 : 74
+2 : 73
+1 : 72
±0 : 71
-2 : 69
-3 : 68
-7 : 64
-11 : 60
-15 : 56
-19 : 52
-21 : 50
-23 : 48
-27 : 44
-31 : 40
-35 : 36
-39 : 32
-43 : 28
-47 : 24
-51 : 20
-55 : 16
-59 : 12
-63 : 8
-67 : 4
-71 : 0
Lightness
+68 : 100
+64 : 96
+60 : 92
+56 : 88
+52 : 84
+48 : 80
+44 : 76
+40 : 72
+36 : 68
+32 : 64
+28 : 60
+24 : 56
+20 : 52
+18 : 50
+16 : 48
+12 : 44
+8 : 40
+4 : 36
+3 : 35
+2 : 34
±0 : 32
-2 : 30
-3 : 29
-4 : 28
-8 : 24
-12 : 20
-16 : 16
-20 : 12
-24 : 8
-28 : 4
-32 : 0
White
-9 : 0
-5 : 4
-3 : 6
-2 : 7
-1 : 8
±0 : 9
+2 : 11
+3 : 12
+7 : 16
+11 : 20
+15 : 24
+19 : 28
+23 : 32
+27 : 36
+31 : 40
+35 : 44
+39 : 48
+41 : 50
+43 : 52
+47 : 56
+51 : 60
+55 : 64
+59 : 68
+63 : 72
+67 : 76
+71 : 80
+75 : 84
+79 : 88
+83 : 92
+87 : 96
+91 : 100
Black
-46 : 0
-42 : 4
-38 : 8
-34 : 12
-30 : 16
-26 : 20
-22 : 24
-18 : 28
-14 : 32
-10 : 36
-6 : 40
-3 : 43
-2 : 44
±0 : 46
+2 : 48
+3 : 49
+4 : 50
+6 : 52
+10 : 56
+14 : 60
+18 : 64
+22 : 68
+26 : 72
+30 : 76
+34 : 80
+38 : 84
+42 : 88
+46 : 92
+50 : 96
+54 : 100
Red
+117 : 255
+100 : 238
+83 : 221
+66 : 204
+49 : 187
+32 : 170
+15 : 153
+8 : 146
+4 : 142
+2 : 140
+1 : 139
±0 : 138
-1 : 137
-2 : 136
-4 : 134
-8 : 130
-19 : 119
-36 : 102
-53 : 85
-70 : 68
-87 : 51
-104 : 34
-121 : 17
-138 : 0
Green
+232 : 255
+215 : 238
+198 : 221
+181 : 204
+164 : 187
+147 : 170
+130 : 153
+113 : 136
+96 : 119
+79 : 102
+62 : 85
+45 : 68
+28 : 51
+11 : 34
+8 : 31
+4 : 27
+2 : 25
+1 : 24
±0 : 23
-1 : 22
-2 : 21
-4 : 19
-6 : 17
-8 : 15
-23 : 0
Blue
+137 : 255
+120 : 238
+103 : 221
+86 : 204
+69 : 187
+52 : 170
+35 : 153
+18 : 136
+8 : 126
+4 : 122
+2 : 120
+1 : 119
±0 : 118
-1 : 117
-2 : 116
-4 : 114
-8 : 110
-16 : 102
-33 : 85
-50 : 68
-67 : 51
-84 : 34
-101 : 17
-118 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000