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.
#697db8
Data
Red
105
Green
125
Blue
184
Hue
225°
White
41%
Black
28%
Saturation
36%
Lightness
57%
Brightness
49%
Tone = Soft
Hue = 225°
3 digits
#78c
#78b
#78a
#77c
#77b
#77a
#76c
#76b
#76a
#68c
#68b
#68a
#67c
#67b
#67a
#66c
#66b
#66a
#58c
#58b
#58a
#57c
#57b
#57a
#56c
#56b
#56a
Named
steelblue
lightslategray
slategray
slateblue
cadetblue
mediumpurple
cornflowerblue
gray
mediumslateblue
royalblue
darkgray
rebeccapurple
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
+64 : 100
+60 : 96
+56 : 92
+52 : 88
+48 : 84
+44 : 80
+40 : 76
+36 : 72
+32 : 68
+28 : 64
+24 : 60
+20 : 56
+16 : 52
+14 : 50
+12 : 48
+8 : 44
+4 : 40
+3 : 39
+2 : 38
±0 : 36
-2 : 34
-3 : 33
-4 : 32
-8 : 28
-12 : 24
-16 : 20
-20 : 16
-24 : 12
-28 : 8
-32 : 4
-36 : 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
-41 : 0
-37 : 4
-33 : 8
-29 : 12
-25 : 16
-21 : 20
-17 : 24
-13 : 28
-9 : 32
-5 : 36
-3 : 38
-2 : 39
-1 : 40
±0 : 41
+2 : 43
+3 : 44
+7 : 48
+9 : 50
+11 : 52
+15 : 56
+19 : 60
+23 : 64
+27 : 68
+31 : 72
+35 : 76
+39 : 80
+43 : 84
+47 : 88
+51 : 92
+55 : 96
+59 : 100
Black
-28 : 0
-24 : 4
-20 : 8
-16 : 12
-12 : 16
-8 : 20
-4 : 24
-3 : 25
-2 : 26
±0 : 28
+2 : 30
+3 : 31
+4 : 32
+8 : 36
+12 : 40
+16 : 44
+20 : 48
+22 : 50
+24 : 52
+28 : 56
+32 : 60
+36 : 64
+40 : 68
+44 : 72
+48 : 76
+52 : 80
+56 : 84
+60 : 88
+64 : 92
+68 : 96
+72 : 100
Red
+150 : 255
+133 : 238
+116 : 221
+99 : 204
+82 : 187
+65 : 170
+48 : 153
+31 : 136
+14 : 119
+8 : 113
+4 : 109
+2 : 107
+1 : 106
±0 : 105
-1 : 104
-2 : 103
-3 : 102
-4 : 101
-8 : 97
-20 : 85
-37 : 68
-54 : 51
-71 : 34
-88 : 17
-105 : 0
Green
+130 : 255
+113 : 238
+96 : 221
+79 : 204
+62 : 187
+45 : 170
+28 : 153
+11 : 136
+8 : 133
+4 : 129
+2 : 127
+1 : 126
±0 : 125
-1 : 124
-2 : 123
-4 : 121
-6 : 119
-8 : 117
-23 : 102
-40 : 85
-57 : 68
-74 : 51
-91 : 34
-108 : 17
-125 : 0
Blue
+71 : 255
+54 : 238
+37 : 221
+20 : 204
+8 : 192
+4 : 188
+3 : 187
+2 : 186
+1 : 185
±0 : 184
-1 : 183
-2 : 182
-4 : 180
-8 : 176
-14 : 170
-31 : 153
-48 : 136
-65 : 119
-82 : 102
-99 : 85
-116 : 68
-133 : 51
-150 : 34
-167 : 17
-184 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000