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.
#5287c8
Data
Red
82
Green
135
Blue
200
Hue
213°
White
32%
Black
22%
Saturation
52%
Lightness
55%
Brightness
50%
Tone = Soft
Hue = 213°
3 digits
#69d
#69c
#69b
#68d
#68c
#68b
#67d
#67c
#67b
#59d
#59c
#59b
#58d
#58c
#58b
#57d
#57c
#57b
#49d
#49c
#49b
#48d
#48c
#48b
#47d
#47c
#47b
Named
steelblue
royalblue
cornflowerblue
cadetblue
slateblue
lightslategray
slategray
mediumslateblue
mediumpurple
lightseagreen
mediumturquoise
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 : 3
-195 : 18
-180 : 33
-165 : 48
-150 : 63
-135 : 78
-120 : 93
-105 : 108
-90 : 123
-75 : 138
-60 : 153
-45 : 168
-30 : 183
-15 : 198
-10 : 203
-5 : 208
-2 : 211
±0 : 213
+2 : 215
+5 : 218
+10 : 223
+15 : 228
+30 : 243
+45 : 258
+60 : 273
+75 : 288
+90 : 303
+105 : 318
+120 : 333
+135 : 348
Saturation
+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
Lightness
+45 : 100
+41 : 96
+37 : 92
+33 : 88
+29 : 84
+25 : 80
+21 : 76
+17 : 72
+13 : 68
+9 : 64
+5 : 60
+3 : 58
+2 : 57
+1 : 56
±0 : 55
-2 : 53
-3 : 52
-5 : 50
-7 : 48
-11 : 44
-15 : 40
-19 : 36
-23 : 32
-27 : 28
-31 : 24
-35 : 20
-39 : 16
-43 : 12
-47 : 8
-51 : 4
-55 : 0
White
-32 : 0
-28 : 4
-24 : 8
-20 : 12
-16 : 16
-12 : 20
-8 : 24
-4 : 28
-3 : 29
-2 : 30
±0 : 32
+2 : 34
+3 : 35
+4 : 36
+8 : 40
+12 : 44
+16 : 48
+18 : 50
+20 : 52
+24 : 56
+28 : 60
+32 : 64
+36 : 68
+40 : 72
+44 : 76
+48 : 80
+52 : 84
+56 : 88
+60 : 92
+64 : 96
+68 : 100
Black
-22 : 0
-18 : 4
-14 : 8
-10 : 12
-6 : 16
-3 : 19
-2 : 20
±0 : 22
+2 : 24
+3 : 25
+6 : 28
+10 : 32
+14 : 36
+18 : 40
+22 : 44
+26 : 48
+28 : 50
+30 : 52
+34 : 56
+38 : 60
+42 : 64
+46 : 68
+50 : 72
+54 : 76
+58 : 80
+62 : 84
+66 : 88
+70 : 92
+74 : 96
+78 : 100
Red
+173 : 255
+156 : 238
+139 : 221
+122 : 204
+105 : 187
+88 : 170
+71 : 153
+54 : 136
+37 : 119
+20 : 102
+8 : 90
+4 : 86
+3 : 85
+2 : 84
+1 : 83
±0 : 82
-1 : 81
-2 : 80
-4 : 78
-8 : 74
-14 : 68
-31 : 51
-48 : 34
-65 : 17
-82 : 0
Green
+120 : 255
+103 : 238
+86 : 221
+69 : 204
+52 : 187
+35 : 170
+18 : 153
+8 : 143
+4 : 139
+2 : 137
+1 : 136
±0 : 135
-1 : 134
-2 : 133
-4 : 131
-8 : 127
-16 : 119
-33 : 102
-50 : 85
-67 : 68
-84 : 51
-101 : 34
-118 : 17
-135 : 0
Blue
+55 : 255
+38 : 238
+21 : 221
+8 : 208
+4 : 204
+2 : 202
+1 : 201
±0 : 200
-1 : 199
-2 : 198
-4 : 196
-8 : 192
-13 : 187
-30 : 170
-47 : 153
-64 : 136
-81 : 119
-98 : 102
-115 : 85
-132 : 68
-149 : 51
-166 : 34
-183 : 17
-200 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000