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.
#87a9c9
Data
Red
135
Green
169
Blue
201
Hue
209°
White
53%
Black
21%
Saturation
38%
Lightness
66%
Brightness
64%
Tone = Light Grayish
Hue = 209°
3 digits
#9bd
#9bc
#9bb
#9ad
#9ac
#9ab
#99d
#99c
#99b
#8bd
#8bc
#8bb
#8ad
#8ac
#8ab
#89d
#89c
#89b
#7bd
#7bc
#7bb
#7ad
#7ac
#7ab
#79d
#79c
#79b
Named
darkgray
skyblue
lightsteelblue
cornflowerblue
mediumaquamarine
cadetblue
lightslategray
mediumpurple
lightskyblue
darkseagreen
silver
lightblue
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 : 14
-180 : 29
-165 : 44
-150 : 59
-135 : 74
-120 : 89
-105 : 104
-90 : 119
-75 : 134
-60 : 149
-45 : 164
-30 : 179
-15 : 194
-10 : 199
-5 : 204
-2 : 207
±0 : 209
+2 : 211
+5 : 214
+10 : 219
+15 : 224
+30 : 239
+45 : 254
+60 : 269
+75 : 284
+90 : 299
+105 : 314
+120 : 329
+135 : 344
+150 : 359
Saturation
+62 : 100
+58 : 96
+54 : 92
+50 : 88
+46 : 84
+42 : 80
+38 : 76
+34 : 72
+30 : 68
+26 : 64
+22 : 60
+18 : 56
+14 : 52
+12 : 50
+10 : 48
+6 : 44
+3 : 41
+2 : 40
±0 : 38
-2 : 36
-3 : 35
-6 : 32
-10 : 28
-14 : 24
-18 : 20
-22 : 16
-26 : 12
-30 : 8
-34 : 4
-38 : 0
Lightness
+34 : 100
+30 : 96
+26 : 92
+22 : 88
+18 : 84
+14 : 80
+10 : 76
+6 : 72
+3 : 69
+2 : 68
±0 : 66
-2 : 64
-3 : 63
-6 : 60
-10 : 56
-14 : 52
-16 : 50
-18 : 48
-22 : 44
-26 : 40
-30 : 36
-34 : 32
-38 : 28
-42 : 24
-46 : 20
-50 : 16
-54 : 12
-58 : 8
-62 : 4
-66 : 0
White
-53 : 0
-49 : 4
-45 : 8
-41 : 12
-37 : 16
-33 : 20
-29 : 24
-25 : 28
-21 : 32
-17 : 36
-13 : 40
-9 : 44
-5 : 48
-3 : 50
-2 : 51
-1 : 52
±0 : 53
+2 : 55
+3 : 56
+7 : 60
+11 : 64
+15 : 68
+19 : 72
+23 : 76
+27 : 80
+31 : 84
+35 : 88
+39 : 92
+43 : 96
+47 : 100
Black
-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
Red
+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
Green
+86 : 255
+69 : 238
+52 : 221
+35 : 204
+18 : 187
+8 : 177
+4 : 173
+2 : 171
+1 : 170
±0 : 169
-1 : 168
-2 : 167
-4 : 165
-8 : 161
-16 : 153
-33 : 136
-50 : 119
-67 : 102
-84 : 85
-101 : 68
-118 : 51
-135 : 34
-152 : 17
-169 : 0
Blue
+54 : 255
+37 : 238
+20 : 221
+8 : 209
+4 : 205
+3 : 204
+2 : 203
+1 : 202
±0 : 201
-1 : 200
-2 : 199
-4 : 197
-8 : 193
-14 : 187
-31 : 170
-48 : 153
-65 : 136
-82 : 119
-99 : 102
-116 : 85
-133 : 68
-150 : 51
-167 : 34
-184 : 17
-201 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000