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.
#3934bb
Data
Red
57
Green
52
Blue
187
Hue
242°
White
20%
Black
27%
Saturation
56%
Lightness
47%
Brightness
27%
Tone = Dull
Hue = 242°
3 digits
#44c
#44b
#44a
#43c
#43b
#43a
#42c
#42b
#42a
#34c
#34b
#34a
#33c
#33b
#33a
#32c
#32b
#32a
#24c
#24b
#24a
#23c
#23b
#23a
#22c
#22b
#22a
Named
darkslateblue
rebeccapurple
slateblue
royalblue
indigo
mediumblue
steelblue
midnightblue
blueviolet
darkblue
navy
darkorchid
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 : 2
-225 : 17
-210 : 32
-195 : 47
-180 : 62
-165 : 77
-150 : 92
-135 : 107
-120 : 122
-105 : 137
-90 : 152
-75 : 167
-60 : 182
-45 : 197
-30 : 212
-15 : 227
-10 : 232
-5 : 237
-2 : 240
±0 : 242
+2 : 244
+5 : 247
+10 : 252
+15 : 257
+30 : 272
+45 : 287
+60 : 302
+75 : 317
+90 : 332
+105 : 347
Saturation
+44 : 100
+40 : 96
+36 : 92
+32 : 88
+28 : 84
+24 : 80
+20 : 76
+16 : 72
+12 : 68
+8 : 64
+4 : 60
+3 : 59
+2 : 58
±0 : 56
-2 : 54
-3 : 53
-4 : 52
-6 : 50
-8 : 48
-12 : 44
-16 : 40
-20 : 36
-24 : 32
-28 : 28
-32 : 24
-36 : 20
-40 : 16
-44 : 12
-48 : 8
-52 : 4
-56 : 0
Lightness
+53 : 100
+49 : 96
+45 : 92
+41 : 88
+37 : 84
+33 : 80
+29 : 76
+25 : 72
+21 : 68
+17 : 64
+13 : 60
+9 : 56
+5 : 52
+3 : 50
+2 : 49
+1 : 48
±0 : 47
-2 : 45
-3 : 44
-7 : 40
-11 : 36
-15 : 32
-19 : 28
-23 : 24
-27 : 20
-31 : 16
-35 : 12
-39 : 8
-43 : 4
-47 : 0
White
-20 : 0
-16 : 4
-12 : 8
-8 : 12
-4 : 16
-3 : 17
-2 : 18
±0 : 20
+2 : 22
+3 : 23
+4 : 24
+8 : 28
+12 : 32
+16 : 36
+20 : 40
+24 : 44
+28 : 48
+30 : 50
+32 : 52
+36 : 56
+40 : 60
+44 : 64
+48 : 68
+52 : 72
+56 : 76
+60 : 80
+64 : 84
+68 : 88
+72 : 92
+76 : 96
+80 : 100
Black
-27 : 0
-23 : 4
-19 : 8
-15 : 12
-11 : 16
-7 : 20
-3 : 24
-2 : 25
±0 : 27
+1 : 28
+2 : 29
+3 : 30
+5 : 32
+9 : 36
+13 : 40
+17 : 44
+21 : 48
+23 : 50
+25 : 52
+29 : 56
+33 : 60
+37 : 64
+41 : 68
+45 : 72
+49 : 76
+53 : 80
+57 : 84
+61 : 88
+65 : 92
+69 : 96
+73 : 100
Red
+198 : 255
+181 : 238
+164 : 221
+147 : 204
+130 : 187
+113 : 170
+96 : 153
+79 : 136
+62 : 119
+45 : 102
+28 : 85
+11 : 68
+8 : 65
+4 : 61
+2 : 59
+1 : 58
±0 : 57
-1 : 56
-2 : 55
-4 : 53
-6 : 51
-8 : 49
-23 : 34
-40 : 17
-57 : 0
Green
+203 : 255
+186 : 238
+169 : 221
+152 : 204
+135 : 187
+118 : 170
+101 : 153
+84 : 136
+67 : 119
+50 : 102
+33 : 85
+16 : 68
+8 : 60
+4 : 56
+2 : 54
+1 : 53
±0 : 52
-1 : 51
-2 : 50
-4 : 48
-8 : 44
-18 : 34
-35 : 17
-52 : 0
Blue
+68 : 255
+51 : 238
+34 : 221
+17 : 204
+8 : 195
+4 : 191
+2 : 189
+1 : 188
±0 : 187
-1 : 186
-2 : 185
-4 : 183
-8 : 179
-17 : 170
-34 : 153
-51 : 136
-68 : 119
-85 : 102
-102 : 85
-119 : 68
-136 : 51
-153 : 34
-170 : 17
-187 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000