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.
#3e2148
Data
Red
62
Green
33
Blue
72
Hue
285°
White
13%
Black
72%
Saturation
37%
Lightness
21%
Brightness
18%
Tone = Dark Grayish
Hue = 285°
3 digits
#535
#534
#533
#525
#524
#523
#515
#514
#513
#435
#434
#433
#425
#424
#423
#415
#414
#413
#335
#334
#333
#325
#324
#323
#315
#314
#313
Named
darkslategray
midnightblue
indigo
darkslateblue
darkolivegreen
navy
dimgray
rebeccapurple
purple
darkblue
saddlebrown
black
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
-285 : 0
-270 : 15
-255 : 30
-240 : 45
-225 : 60
-210 : 75
-195 : 90
-180 : 105
-165 : 120
-150 : 135
-135 : 150
-120 : 165
-105 : 180
-90 : 195
-75 : 210
-60 : 225
-45 : 240
-30 : 255
-15 : 270
-10 : 275
-5 : 280
-2 : 283
±0 : 285
+2 : 287
+5 : 290
+10 : 295
+15 : 300
+30 : 315
+45 : 330
+60 : 345
Saturation
+63 : 100
+59 : 96
+55 : 92
+51 : 88
+47 : 84
+43 : 80
+39 : 76
+35 : 72
+31 : 68
+27 : 64
+23 : 60
+19 : 56
+15 : 52
+13 : 50
+11 : 48
+7 : 44
+3 : 40
+2 : 39
±0 : 37
-1 : 36
-2 : 35
-3 : 34
-5 : 32
-9 : 28
-13 : 24
-17 : 20
-21 : 16
-25 : 12
-29 : 8
-33 : 4
-37 : 0
Lightness
+79 : 100
+75 : 96
+71 : 92
+67 : 88
+63 : 84
+59 : 80
+55 : 76
+51 : 72
+47 : 68
+43 : 64
+39 : 60
+35 : 56
+31 : 52
+29 : 50
+27 : 48
+23 : 44
+19 : 40
+15 : 36
+11 : 32
+7 : 28
+3 : 24
+2 : 23
±0 : 21
-1 : 20
-2 : 19
-3 : 18
-5 : 16
-9 : 12
-13 : 8
-17 : 4
-21 : 0
White
-13 : 0
-9 : 4
-5 : 8
-3 : 10
-2 : 11
-1 : 12
±0 : 13
+2 : 15
+3 : 16
+7 : 20
+11 : 24
+15 : 28
+19 : 32
+23 : 36
+27 : 40
+31 : 44
+35 : 48
+37 : 50
+39 : 52
+43 : 56
+47 : 60
+51 : 64
+55 : 68
+59 : 72
+63 : 76
+67 : 80
+71 : 84
+75 : 88
+79 : 92
+83 : 96
+87 : 100
Black
-72 : 0
-68 : 4
-64 : 8
-60 : 12
-56 : 16
-52 : 20
-48 : 24
-44 : 28
-40 : 32
-36 : 36
-32 : 40
-28 : 44
-24 : 48
-22 : 50
-20 : 52
-16 : 56
-12 : 60
-8 : 64
-4 : 68
-3 : 69
-2 : 70
±0 : 72
+2 : 74
+3 : 75
+4 : 76
+8 : 80
+12 : 84
+16 : 88
+20 : 92
+24 : 96
+28 : 100
Red
+193 : 255
+176 : 238
+159 : 221
+142 : 204
+125 : 187
+108 : 170
+91 : 153
+74 : 136
+57 : 119
+40 : 102
+23 : 85
+8 : 70
+6 : 68
+4 : 66
+2 : 64
+1 : 63
±0 : 62
-1 : 61
-2 : 60
-4 : 58
-8 : 54
-11 : 51
-28 : 34
-45 : 17
-62 : 0
Green
+222 : 255
+205 : 238
+188 : 221
+171 : 204
+154 : 187
+137 : 170
+120 : 153
+103 : 136
+86 : 119
+69 : 102
+52 : 85
+35 : 68
+18 : 51
+8 : 41
+4 : 37
+2 : 35
+1 : 34
±0 : 33
-1 : 32
-2 : 31
-4 : 29
-8 : 25
-16 : 17
-33 : 0
Blue
+183 : 255
+166 : 238
+149 : 221
+132 : 204
+115 : 187
+98 : 170
+81 : 153
+64 : 136
+47 : 119
+30 : 102
+13 : 85
+8 : 80
+4 : 76
+2 : 74
+1 : 73
±0 : 72
-1 : 71
-2 : 70
-4 : 68
-8 : 64
-21 : 51
-38 : 34
-55 : 17
-72 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000