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.
#20105d
Data
Red
32
Green
16
Blue
93
Hue
252°
White
6%
Black
64%
Saturation
71%
Lightness
21%
Brightness
12%
Tone = Dark
Hue = 252°
3 digits
#326
#325
#324
#316
#315
#314
#306
#305
#304
#226
#225
#224
#216
#215
#214
#206
#205
#204
#126
#125
#124
#116
#115
#114
#106
#105
#104
Named
midnightblue
navy
darkblue
indigo
darkslategray
darkslateblue
rebeccapurple
black
purple
darkolivegreen
dimgray
darkmagenta
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
-240 : 12
-225 : 27
-210 : 42
-195 : 57
-180 : 72
-165 : 87
-150 : 102
-135 : 117
-120 : 132
-105 : 147
-90 : 162
-75 : 177
-60 : 192
-45 : 207
-30 : 222
-15 : 237
-10 : 242
-5 : 247
-2 : 250
±0 : 252
+2 : 254
+5 : 257
+10 : 262
+15 : 267
+30 : 282
+45 : 297
+60 : 312
+75 : 327
+90 : 342
+105 : 357
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
+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
-6 : 0
-3 : 3
-2 : 4
±0 : 6
+2 : 8
+3 : 9
+6 : 12
+10 : 16
+14 : 20
+18 : 24
+22 : 28
+26 : 32
+30 : 36
+34 : 40
+38 : 44
+42 : 48
+44 : 50
+46 : 52
+50 : 56
+54 : 60
+58 : 64
+62 : 68
+66 : 72
+70 : 76
+74 : 80
+78 : 84
+82 : 88
+86 : 92
+90 : 96
+94 : 100
Black
-64 : 0
-60 : 4
-56 : 8
-52 : 12
-48 : 16
-44 : 20
-40 : 24
-36 : 28
-32 : 32
-28 : 36
-24 : 40
-20 : 44
-16 : 48
-14 : 50
-12 : 52
-8 : 56
-4 : 60
-3 : 61
-2 : 62
±0 : 64
+2 : 66
+3 : 67
+4 : 68
+8 : 72
+12 : 76
+16 : 80
+20 : 84
+24 : 88
+28 : 92
+32 : 96
+36 : 100
Red
+223 : 255
+206 : 238
+189 : 221
+172 : 204
+155 : 187
+138 : 170
+121 : 153
+104 : 136
+87 : 119
+70 : 102
+53 : 85
+36 : 68
+19 : 51
+8 : 40
+4 : 36
+2 : 34
+1 : 33
±0 : 32
-1 : 31
-2 : 30
-4 : 28
-8 : 24
-15 : 17
-32 : 0
Green
+239 : 255
+222 : 238
+205 : 221
+188 : 204
+171 : 187
+154 : 170
+137 : 153
+120 : 136
+103 : 119
+86 : 102
+69 : 85
+52 : 68
+35 : 51
+18 : 34
+8 : 24
+4 : 20
+2 : 18
+1 : 17
±0 : 16
-1 : 15
-2 : 14
-4 : 12
-8 : 8
-16 : 0
Blue
+162 : 255
+145 : 238
+128 : 221
+111 : 204
+94 : 187
+77 : 170
+60 : 153
+43 : 136
+26 : 119
+9 : 102
+8 : 101
+4 : 97
+2 : 95
+1 : 94
±0 : 93
-1 : 92
-2 : 91
-4 : 89
-8 : 85
-25 : 68
-42 : 51
-59 : 34
-76 : 17
-93 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000