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.
#5673cd
Data
Red
86
Green
115
Blue
205
Hue
225°
White
34%
Black
20%
Saturation
54%
Lightness
57%
Brightness
46%
Tone = Soft
Hue = 225°
3 digits
#68d
#68c
#68b
#67d
#67c
#67b
#66d
#66c
#66b
#58d
#58c
#58b
#57d
#57c
#57b
#56d
#56c
#56b
#48d
#48c
#48b
#47d
#47c
#47b
#46d
#46c
#46b
Named
royalblue
slateblue
steelblue
cornflowerblue
mediumslateblue
mediumpurple
cadetblue
lightslategray
slategray
dodgerblue
rebeccapurple
darkslateblue
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
-225 : 0
-210 : 15
-195 : 30
-180 : 45
-165 : 60
-150 : 75
-135 : 90
-120 : 105
-105 : 120
-90 : 135
-75 : 150
-60 : 165
-45 : 180
-30 : 195
-15 : 210
-10 : 215
-5 : 220
-2 : 223
±0 : 225
+2 : 227
+5 : 230
+10 : 235
+15 : 240
+30 : 255
+45 : 270
+60 : 285
+75 : 300
+90 : 315
+105 : 330
+120 : 345
Saturation
+46 : 100
+42 : 96
+38 : 92
+34 : 88
+30 : 84
+26 : 80
+22 : 76
+18 : 72
+14 : 68
+10 : 64
+6 : 60
+3 : 57
+2 : 56
±0 : 54
-2 : 52
-3 : 51
-4 : 50
-6 : 48
-10 : 44
-14 : 40
-18 : 36
-22 : 32
-26 : 28
-30 : 24
-34 : 20
-38 : 16
-42 : 12
-46 : 8
-50 : 4
-54 : 0
Lightness
+43 : 100
+39 : 96
+35 : 92
+31 : 88
+27 : 84
+23 : 80
+19 : 76
+15 : 72
+11 : 68
+7 : 64
+3 : 60
+2 : 59
±0 : 57
-1 : 56
-2 : 55
-3 : 54
-5 : 52
-7 : 50
-9 : 48
-13 : 44
-17 : 40
-21 : 36
-25 : 32
-29 : 28
-33 : 24
-37 : 20
-41 : 16
-45 : 12
-49 : 8
-53 : 4
-57 : 0
White
-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
Black
-20 : 0
-16 : 4
-12 : 8
-8 : 12
-4 : 16
-3 : 17
-2 : 18
±0 : 20
+2 : 22
+3 : 23
+4 : 24
+8 : 28
+12 : 32
+16 : 36
+20 : 40
+24 : 44
+28 : 48
+30 : 50
+32 : 52
+36 : 56
+40 : 60
+44 : 64
+48 : 68
+52 : 72
+56 : 76
+60 : 80
+64 : 84
+68 : 88
+72 : 92
+76 : 96
+80 : 100
Red
+169 : 255
+152 : 238
+135 : 221
+118 : 204
+101 : 187
+84 : 170
+67 : 153
+50 : 136
+33 : 119
+16 : 102
+8 : 94
+4 : 90
+2 : 88
+1 : 87
±0 : 86
-1 : 85
-2 : 84
-4 : 82
-8 : 78
-18 : 68
-35 : 51
-52 : 34
-69 : 17
-86 : 0
Green
+140 : 255
+123 : 238
+106 : 221
+89 : 204
+72 : 187
+55 : 170
+38 : 153
+21 : 136
+8 : 123
+4 : 119
+2 : 117
+1 : 116
±0 : 115
-1 : 114
-2 : 113
-4 : 111
-8 : 107
-13 : 102
-30 : 85
-47 : 68
-64 : 51
-81 : 34
-98 : 17
-115 : 0
Blue
+50 : 255
+33 : 238
+16 : 221
+8 : 213
+4 : 209
+2 : 207
+1 : 206
±0 : 205
-1 : 204
-2 : 203
-4 : 201
-8 : 197
-18 : 187
-35 : 170
-52 : 153
-69 : 136
-86 : 119
-103 : 102
-120 : 85
-137 : 68
-154 : 51
-171 : 34
-188 : 17
-205 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000