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.
#1e59ab
Data
Red
30
Green
89
Blue
171
Hue
215°
White
12%
Black
33%
Saturation
70%
Lightness
39%
Brightness
32%
Tone = Dull
Hue = 215°
3 digits
#36b
#36a
#369
#35b
#35a
#359
#34b
#34a
#349
#26b
#26a
#269
#25b
#25a
#259
#24b
#24a
#249
#16b
#16a
#169
#15b
#15a
#159
#14b
#14a
#149
Named
steelblue
darkslateblue
teal
royalblue
darkcyan
slateblue
rebeccapurple
midnightblue
lightseagreen
darkslategray
slategray
cadetblue
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
-210 : 5
-195 : 20
-180 : 35
-165 : 50
-150 : 65
-135 : 80
-120 : 95
-105 : 110
-90 : 125
-75 : 140
-60 : 155
-45 : 170
-30 : 185
-15 : 200
-10 : 205
-5 : 210
-2 : 213
±0 : 215
+2 : 217
+5 : 220
+10 : 225
+15 : 230
+30 : 245
+45 : 260
+60 : 275
+75 : 290
+90 : 305
+105 : 320
+120 : 335
+135 : 350
Saturation
+30 : 100
+26 : 96
+22 : 92
+18 : 88
+14 : 84
+10 : 80
+6 : 76
+3 : 73
+2 : 72
±0 : 70
-2 : 68
-3 : 67
-6 : 64
-10 : 60
-14 : 56
-18 : 52
-20 : 50
-22 : 48
-26 : 44
-30 : 40
-34 : 36
-38 : 32
-42 : 28
-46 : 24
-50 : 20
-54 : 16
-58 : 12
-62 : 8
-66 : 4
-70 : 0
Lightness
+61 : 100
+57 : 96
+53 : 92
+49 : 88
+45 : 84
+41 : 80
+37 : 76
+33 : 72
+29 : 68
+25 : 64
+21 : 60
+17 : 56
+13 : 52
+11 : 50
+9 : 48
+5 : 44
+3 : 42
+2 : 41
+1 : 40
±0 : 39
-2 : 37
-3 : 36
-7 : 32
-11 : 28
-15 : 24
-19 : 20
-23 : 16
-27 : 12
-31 : 8
-35 : 4
-39 : 0
White
-12 : 0
-8 : 4
-4 : 8
-3 : 9
-2 : 10
±0 : 12
+2 : 14
+3 : 15
+4 : 16
+8 : 20
+12 : 24
+16 : 28
+20 : 32
+24 : 36
+28 : 40
+32 : 44
+36 : 48
+38 : 50
+40 : 52
+44 : 56
+48 : 60
+52 : 64
+56 : 68
+60 : 72
+64 : 76
+68 : 80
+72 : 84
+76 : 88
+80 : 92
+84 : 96
+88 : 100
Black
-33 : 0
-29 : 4
-25 : 8
-21 : 12
-17 : 16
-13 : 20
-9 : 24
-5 : 28
-3 : 30
-2 : 31
-1 : 32
±0 : 33
+2 : 35
+3 : 36
+7 : 40
+11 : 44
+15 : 48
+17 : 50
+19 : 52
+23 : 56
+27 : 60
+31 : 64
+35 : 68
+39 : 72
+43 : 76
+47 : 80
+51 : 84
+55 : 88
+59 : 92
+63 : 96
+67 : 100
Red
+225 : 255
+208 : 238
+191 : 221
+174 : 204
+157 : 187
+140 : 170
+123 : 153
+106 : 136
+89 : 119
+72 : 102
+55 : 85
+38 : 68
+21 : 51
+8 : 38
+4 : 34
+2 : 32
+1 : 31
±0 : 30
-1 : 29
-2 : 28
-4 : 26
-8 : 22
-13 : 17
-30 : 0
Green
+166 : 255
+149 : 238
+132 : 221
+115 : 204
+98 : 187
+81 : 170
+64 : 153
+47 : 136
+30 : 119
+13 : 102
+8 : 97
+4 : 93
+2 : 91
+1 : 90
±0 : 89
-1 : 88
-2 : 87
-4 : 85
-8 : 81
-21 : 68
-38 : 51
-55 : 34
-72 : 17
-89 : 0
Blue
+84 : 255
+67 : 238
+50 : 221
+33 : 204
+16 : 187
+8 : 179
+4 : 175
+2 : 173
+1 : 172
±0 : 171
-1 : 170
-2 : 169
-4 : 167
-8 : 163
-18 : 153
-35 : 136
-52 : 119
-69 : 102
-86 : 85
-103 : 68
-120 : 51
-137 : 34
-154 : 17
-171 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000