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.
#5c99d6
Data
Red
92
Green
153
Blue
214
Hue
210°
White
36%
Black
16%
Saturation
60%
Lightness
60%
Brightness
56%
Tone = Soft
Hue = 210°
3 digits
#6ae
#6ad
#6ac
#69e
#69d
#69c
#68e
#68d
#68c
#5ae
#5ad
#5ac
#59e
#59d
#59c
#58e
#58d
#58c
#4ae
#4ad
#4ac
#49e
#49d
#49c
#48e
#48d
#48c
Named
cornflowerblue
steelblue
cadetblue
royalblue
mediumturquoise
mediumslateblue
slateblue
mediumpurple
lightslategray
mediumaquamarine
skyblue
dodgerblue
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 : 0
-195 : 15
-180 : 30
-165 : 45
-150 : 60
-135 : 75
-120 : 90
-105 : 105
-90 : 120
-75 : 135
-60 : 150
-45 : 165
-30 : 180
-15 : 195
-10 : 200
-5 : 205
-2 : 208
±0 : 210
+2 : 212
+5 : 215
+10 : 220
+15 : 225
+30 : 240
+45 : 255
+60 : 270
+75 : 285
+90 : 300
+105 : 315
+120 : 330
+135 : 345
Saturation
+40 : 100
+36 : 96
+32 : 92
+28 : 88
+24 : 84
+20 : 80
+16 : 76
+12 : 72
+8 : 68
+4 : 64
+3 : 63
+2 : 62
±0 : 60
-2 : 58
-3 : 57
-4 : 56
-8 : 52
-10 : 50
-12 : 48
-16 : 44
-20 : 40
-24 : 36
-28 : 32
-32 : 28
-36 : 24
-40 : 20
-44 : 16
-48 : 12
-52 : 8
-56 : 4
-60 : 0
Lightness
+40 : 100
+36 : 96
+32 : 92
+28 : 88
+24 : 84
+20 : 80
+16 : 76
+12 : 72
+8 : 68
+4 : 64
+3 : 63
+2 : 62
±0 : 60
-2 : 58
-3 : 57
-4 : 56
-8 : 52
-10 : 50
-12 : 48
-16 : 44
-20 : 40
-24 : 36
-28 : 32
-32 : 28
-36 : 24
-40 : 20
-44 : 16
-48 : 12
-52 : 8
-56 : 4
-60 : 0
White
-36 : 0
-32 : 4
-28 : 8
-24 : 12
-20 : 16
-16 : 20
-12 : 24
-8 : 28
-4 : 32
-3 : 33
-2 : 34
±0 : 36
+2 : 38
+3 : 39
+4 : 40
+8 : 44
+12 : 48
+14 : 50
+16 : 52
+20 : 56
+24 : 60
+28 : 64
+32 : 68
+36 : 72
+40 : 76
+44 : 80
+48 : 84
+52 : 88
+56 : 92
+60 : 96
+64 : 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
+163 : 255
+146 : 238
+129 : 221
+112 : 204
+95 : 187
+78 : 170
+61 : 153
+44 : 136
+27 : 119
+10 : 102
+8 : 100
+4 : 96
+2 : 94
+1 : 93
±0 : 92
-1 : 91
-2 : 90
-4 : 88
-7 : 85
-8 : 84
-24 : 68
-41 : 51
-58 : 34
-75 : 17
-92 : 0
Green
+102 : 255
+85 : 238
+68 : 221
+51 : 204
+34 : 187
+17 : 170
+8 : 161
+4 : 157
+2 : 155
+1 : 154
±0 : 153
-1 : 152
-2 : 151
-4 : 149
-8 : 145
-17 : 136
-34 : 119
-51 : 102
-68 : 85
-85 : 68
-102 : 51
-119 : 34
-136 : 17
-153 : 0
Blue
+41 : 255
+24 : 238
+8 : 222
+7 : 221
+4 : 218
+2 : 216
+1 : 215
±0 : 214
-1 : 213
-2 : 212
-4 : 210
-8 : 206
-10 : 204
-27 : 187
-44 : 170
-61 : 153
-78 : 136
-95 : 119
-112 : 102
-129 : 85
-146 : 68
-163 : 51
-180 : 34
-197 : 17
-214 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000