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.
#64175a
Data
Red
100
Green
23
Blue
90
Hue
308°
White
9%
Black
61%
Saturation
63%
Lightness
24%
Brightness
21%
Tone = Dark
Hue = 308°
3 digits
#726
#725
#724
#716
#715
#714
#706
#705
#704
#626
#625
#624
#616
#615
#614
#606
#605
#604
#526
#525
#524
#516
#515
#514
#506
#505
#504
Named
indigo
purple
darkmagenta
darkslateblue
rebeccapurple
darkslategray
midnightblue
brown
dimgray
saddlebrown
sienna
darkolivegreen
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 : 8
-285 : 23
-270 : 38
-255 : 53
-240 : 68
-225 : 83
-210 : 98
-195 : 113
-180 : 128
-165 : 143
-150 : 158
-135 : 173
-120 : 188
-105 : 203
-90 : 218
-75 : 233
-60 : 248
-45 : 263
-30 : 278
-15 : 293
-10 : 298
-5 : 303
-2 : 306
±0 : 308
+2 : 310
+5 : 313
+10 : 318
+15 : 323
+30 : 338
+45 : 353
Saturation
+37 : 100
+33 : 96
+29 : 92
+25 : 88
+21 : 84
+17 : 80
+13 : 76
+9 : 72
+5 : 68
+3 : 66
+2 : 65
+1 : 64
±0 : 63
-2 : 61
-3 : 60
-7 : 56
-11 : 52
-13 : 50
-15 : 48
-19 : 44
-23 : 40
-27 : 36
-31 : 32
-35 : 28
-39 : 24
-43 : 20
-47 : 16
-51 : 12
-55 : 8
-59 : 4
-63 : 0
Lightness
+76 : 100
+72 : 96
+68 : 92
+64 : 88
+60 : 84
+56 : 80
+52 : 76
+48 : 72
+44 : 68
+40 : 64
+36 : 60
+32 : 56
+28 : 52
+26 : 50
+24 : 48
+20 : 44
+16 : 40
+12 : 36
+8 : 32
+4 : 28
+3 : 27
+2 : 26
±0 : 24
-2 : 22
-3 : 21
-4 : 20
-8 : 16
-12 : 12
-16 : 8
-20 : 4
-24 : 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
-61 : 0
-57 : 4
-53 : 8
-49 : 12
-45 : 16
-41 : 20
-37 : 24
-33 : 28
-29 : 32
-25 : 36
-21 : 40
-17 : 44
-13 : 48
-11 : 50
-9 : 52
-5 : 56
-3 : 58
-2 : 59
-1 : 60
±0 : 61
+2 : 63
+3 : 64
+7 : 68
+11 : 72
+15 : 76
+19 : 80
+23 : 84
+27 : 88
+31 : 92
+35 : 96
+39 : 100
Red
+155 : 255
+138 : 238
+121 : 221
+104 : 204
+87 : 187
+70 : 170
+53 : 153
+36 : 136
+19 : 119
+8 : 108
+4 : 104
+2 : 102
+1 : 101
±0 : 100
-1 : 99
-2 : 98
-4 : 96
-8 : 92
-15 : 85
-32 : 68
-49 : 51
-66 : 34
-83 : 17
-100 : 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
+165 : 255
+148 : 238
+131 : 221
+114 : 204
+97 : 187
+80 : 170
+63 : 153
+46 : 136
+29 : 119
+12 : 102
+8 : 98
+4 : 94
+2 : 92
+1 : 91
±0 : 90
-1 : 89
-2 : 88
-4 : 86
-5 : 85
-8 : 82
-22 : 68
-39 : 51
-56 : 34
-73 : 17
-90 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000