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.
#41124c
Data
Red
65
Green
18
Blue
76
Hue
289°
White
7%
Black
70%
Saturation
62%
Lightness
18%
Brightness
15%
Tone = Dark
Hue = 289°
3 digits
#525
#524
#523
#515
#514
#513
#505
#504
#503
#425
#424
#423
#415
#414
#413
#405
#404
#403
#325
#324
#323
#315
#314
#313
#305
#304
#303
Named
midnightblue
indigo
darkslategray
darkslateblue
purple
navy
rebeccapurple
darkblue
darkolivegreen
darkmagenta
dimgray
maroon
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 : 4
-270 : 19
-255 : 34
-240 : 49
-225 : 64
-210 : 79
-195 : 94
-180 : 109
-165 : 124
-150 : 139
-135 : 154
-120 : 169
-105 : 184
-90 : 199
-75 : 214
-60 : 229
-45 : 244
-30 : 259
-15 : 274
-10 : 279
-5 : 284
-2 : 287
±0 : 289
+2 : 291
+5 : 294
+10 : 299
+15 : 304
+30 : 319
+45 : 334
+60 : 349
Saturation
+38 : 100
+34 : 96
+30 : 92
+26 : 88
+22 : 84
+18 : 80
+14 : 76
+10 : 72
+6 : 68
+3 : 65
+2 : 64
±0 : 62
-2 : 60
-3 : 59
-6 : 56
-10 : 52
-12 : 50
-14 : 48
-18 : 44
-22 : 40
-26 : 36
-30 : 32
-34 : 28
-38 : 24
-42 : 20
-46 : 16
-50 : 12
-54 : 8
-58 : 4
-62 : 0
Lightness
+82 : 100
+78 : 96
+74 : 92
+70 : 88
+66 : 84
+62 : 80
+58 : 76
+54 : 72
+50 : 68
+46 : 64
+42 : 60
+38 : 56
+34 : 52
+32 : 50
+30 : 48
+26 : 44
+22 : 40
+18 : 36
+14 : 32
+10 : 28
+6 : 24
+3 : 21
+2 : 20
±0 : 18
-2 : 16
-3 : 15
-6 : 12
-10 : 8
-14 : 4
-18 : 0
White
-7 : 0
-3 : 4
-2 : 5
±0 : 7
+1 : 8
+2 : 9
+3 : 10
+5 : 12
+9 : 16
+13 : 20
+17 : 24
+21 : 28
+25 : 32
+29 : 36
+33 : 40
+37 : 44
+41 : 48
+43 : 50
+45 : 52
+49 : 56
+53 : 60
+57 : 64
+61 : 68
+65 : 72
+69 : 76
+73 : 80
+77 : 84
+81 : 88
+85 : 92
+89 : 96
+93 : 100
Black
-70 : 0
-66 : 4
-62 : 8
-58 : 12
-54 : 16
-50 : 20
-46 : 24
-42 : 28
-38 : 32
-34 : 36
-30 : 40
-26 : 44
-22 : 48
-20 : 50
-18 : 52
-14 : 56
-10 : 60
-6 : 64
-3 : 67
-2 : 68
±0 : 70
+2 : 72
+3 : 73
+6 : 76
+10 : 80
+14 : 84
+18 : 88
+22 : 92
+26 : 96
+30 : 100
Red
+190 : 255
+173 : 238
+156 : 221
+139 : 204
+122 : 187
+105 : 170
+88 : 153
+71 : 136
+54 : 119
+37 : 102
+20 : 85
+8 : 73
+4 : 69
+3 : 68
+2 : 67
+1 : 66
±0 : 65
-1 : 64
-2 : 63
-4 : 61
-8 : 57
-14 : 51
-31 : 34
-48 : 17
-65 : 0
Green
+237 : 255
+220 : 238
+203 : 221
+186 : 204
+169 : 187
+152 : 170
+135 : 153
+118 : 136
+101 : 119
+84 : 102
+67 : 85
+50 : 68
+33 : 51
+16 : 34
+8 : 26
+4 : 22
+2 : 20
+1 : 19
±0 : 18
-1 : 17
-2 : 16
-4 : 14
-8 : 10
-18 : 0
Blue
+179 : 255
+162 : 238
+145 : 221
+128 : 204
+111 : 187
+94 : 170
+77 : 153
+60 : 136
+43 : 119
+26 : 102
+9 : 85
+8 : 84
+4 : 80
+2 : 78
+1 : 77
±0 : 76
-1 : 75
-2 : 74
-4 : 72
-8 : 68
-25 : 51
-42 : 34
-59 : 17
-76 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000