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.
#144ca8
Data
Red
20
Green
76
Blue
168
Hue
217°
White
8%
Black
34%
Saturation
79%
Lightness
37%
Brightness
27%
Tone = Dull
Hue = 217°
3 digits
#25b
#25a
#259
#24b
#24a
#249
#23b
#23a
#239
#15b
#15a
#159
#14b
#14a
#149
#13b
#13a
#139
#05b
#05a
#059
#04b
#04a
#049
#03b
#03a
#039
Named
darkslateblue
teal
darkcyan
steelblue
midnightblue
royalblue
darkblue
mediumblue
rebeccapurple
navy
darkslategray
slateblue
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 : 7
-195 : 22
-180 : 37
-165 : 52
-150 : 67
-135 : 82
-120 : 97
-105 : 112
-90 : 127
-75 : 142
-60 : 157
-45 : 172
-30 : 187
-15 : 202
-10 : 207
-5 : 212
-2 : 215
±0 : 217
+2 : 219
+5 : 222
+10 : 227
+15 : 232
+30 : 247
+45 : 262
+60 : 277
+75 : 292
+90 : 307
+105 : 322
+120 : 337
+135 : 352
Saturation
+21 : 100
+17 : 96
+13 : 92
+9 : 88
+5 : 84
+3 : 82
+2 : 81
+1 : 80
±0 : 79
-2 : 77
-3 : 76
-7 : 72
-11 : 68
-15 : 64
-19 : 60
-23 : 56
-27 : 52
-29 : 50
-31 : 48
-35 : 44
-39 : 40
-43 : 36
-47 : 32
-51 : 28
-55 : 24
-59 : 20
-63 : 16
-67 : 12
-71 : 8
-75 : 4
-79 : 0
Lightness
+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
White
-8 : 0
-4 : 4
-3 : 5
-2 : 6
±0 : 8
+2 : 10
+3 : 11
+4 : 12
+8 : 16
+12 : 20
+16 : 24
+20 : 28
+24 : 32
+28 : 36
+32 : 40
+36 : 44
+40 : 48
+42 : 50
+44 : 52
+48 : 56
+52 : 60
+56 : 64
+60 : 68
+64 : 72
+68 : 76
+72 : 80
+76 : 84
+80 : 88
+84 : 92
+88 : 96
+92 : 100
Black
-34 : 0
-30 : 4
-26 : 8
-22 : 12
-18 : 16
-14 : 20
-10 : 24
-6 : 28
-3 : 31
-2 : 32
±0 : 34
+2 : 36
+3 : 37
+6 : 40
+10 : 44
+14 : 48
+16 : 50
+18 : 52
+22 : 56
+26 : 60
+30 : 64
+34 : 68
+38 : 72
+42 : 76
+46 : 80
+50 : 84
+54 : 88
+58 : 92
+62 : 96
+66 : 100
Red
+235 : 255
+218 : 238
+201 : 221
+184 : 204
+167 : 187
+150 : 170
+133 : 153
+116 : 136
+99 : 119
+82 : 102
+65 : 85
+48 : 68
+31 : 51
+14 : 34
+8 : 28
+4 : 24
+2 : 22
+1 : 21
±0 : 20
-1 : 19
-2 : 18
-3 : 17
-4 : 16
-8 : 12
-20 : 0
Green
+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
Blue
+87 : 255
+70 : 238
+53 : 221
+36 : 204
+19 : 187
+8 : 176
+4 : 172
+2 : 170
+1 : 169
±0 : 168
-1 : 167
-2 : 166
-4 : 164
-8 : 160
-15 : 153
-32 : 136
-49 : 119
-66 : 102
-83 : 85
-100 : 68
-117 : 51
-134 : 34
-151 : 17
-168 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000