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.
#369ed5
Data
Red
54
Green
158
Blue
213
Hue
201°
White
21%
Black
16%
Saturation
65%
Lightness
52%
Brightness
52%
Tone = Strong
Hue = 201°
3 digits
#4ae
#4ad
#4ac
#49e
#49d
#49c
#48e
#48d
#48c
#3ae
#3ad
#3ac
#39e
#39d
#39c
#38e
#38d
#38c
#2ae
#2ad
#2ac
#29e
#29d
#29c
#28e
#28d
#28c
Named
steelblue
dodgerblue
lightseagreen
cornflowerblue
mediumturquoise
royalblue
turquoise
cadetblue
darkturquoise
deepskyblue
mediumaquamarine
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
-195 : 6
-180 : 21
-165 : 36
-150 : 51
-135 : 66
-120 : 81
-105 : 96
-90 : 111
-75 : 126
-60 : 141
-45 : 156
-30 : 171
-15 : 186
-10 : 191
-5 : 196
-2 : 199
±0 : 201
+2 : 203
+5 : 206
+10 : 211
+15 : 216
+30 : 231
+45 : 246
+60 : 261
+75 : 276
+90 : 291
+105 : 306
+120 : 321
+135 : 336
+150 : 351
Saturation
+35 : 100
+31 : 96
+27 : 92
+23 : 88
+19 : 84
+15 : 80
+11 : 76
+7 : 72
+3 : 68
+2 : 67
±0 : 65
-1 : 64
-2 : 63
-3 : 62
-5 : 60
-9 : 56
-13 : 52
-15 : 50
-17 : 48
-21 : 44
-25 : 40
-29 : 36
-33 : 32
-37 : 28
-41 : 24
-45 : 20
-49 : 16
-53 : 12
-57 : 8
-61 : 4
-65 : 0
Lightness
+48 : 100
+44 : 96
+40 : 92
+36 : 88
+32 : 84
+28 : 80
+24 : 76
+20 : 72
+16 : 68
+12 : 64
+8 : 60
+4 : 56
+3 : 55
+2 : 54
±0 : 52
-2 : 50
-3 : 49
-4 : 48
-8 : 44
-12 : 40
-16 : 36
-20 : 32
-24 : 28
-28 : 24
-32 : 20
-36 : 16
-40 : 12
-44 : 8
-48 : 4
-52 : 0
White
-21 : 0
-17 : 4
-13 : 8
-9 : 12
-5 : 16
-3 : 18
-2 : 19
-1 : 20
±0 : 21
+2 : 23
+3 : 24
+7 : 28
+11 : 32
+15 : 36
+19 : 40
+23 : 44
+27 : 48
+29 : 50
+31 : 52
+35 : 56
+39 : 60
+43 : 64
+47 : 68
+51 : 72
+55 : 76
+59 : 80
+63 : 84
+67 : 88
+71 : 92
+75 : 96
+79 : 100
Black
-16 : 0
-12 : 4
-8 : 8
-4 : 12
-3 : 13
-2 : 14
±0 : 16
+2 : 18
+3 : 19
+4 : 20
+8 : 24
+12 : 28
+16 : 32
+20 : 36
+24 : 40
+28 : 44
+32 : 48
+34 : 50
+36 : 52
+40 : 56
+44 : 60
+48 : 64
+52 : 68
+56 : 72
+60 : 76
+64 : 80
+68 : 84
+72 : 88
+76 : 92
+80 : 96
+84 : 100
Red
+201 : 255
+184 : 238
+167 : 221
+150 : 204
+133 : 187
+116 : 170
+99 : 153
+82 : 136
+65 : 119
+48 : 102
+31 : 85
+14 : 68
+8 : 62
+4 : 58
+2 : 56
+1 : 55
±0 : 54
-1 : 53
-2 : 52
-3 : 51
-4 : 50
-8 : 46
-20 : 34
-37 : 17
-54 : 0
Green
+97 : 255
+80 : 238
+63 : 221
+46 : 204
+29 : 187
+12 : 170
+8 : 166
+4 : 162
+2 : 160
+1 : 159
±0 : 158
-1 : 157
-2 : 156
-4 : 154
-5 : 153
-8 : 150
-22 : 136
-39 : 119
-56 : 102
-73 : 85
-90 : 68
-107 : 51
-124 : 34
-141 : 17
-158 : 0
Blue
+42 : 255
+25 : 238
+8 : 221
+4 : 217
+2 : 215
+1 : 214
±0 : 213
-1 : 212
-2 : 211
-4 : 209
-8 : 205
-9 : 204
-26 : 187
-43 : 170
-60 : 153
-77 : 136
-94 : 119
-111 : 102
-128 : 85
-145 : 68
-162 : 51
-179 : 34
-196 : 17
-213 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000