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.
#87aca0
Data
Red
135
Green
172
Blue
160
Hue
161°
White
53%
Black
33%
Saturation
18%
Lightness
60%
Brightness
63%
Tone = Light Grayish
Hue = 161°
3 digits
#9ba
#9b9
#9b8
#9aa
#9a9
#9a8
#99a
#999
#998
#8ba
#8b9
#8b8
#8aa
#8a9
#8a8
#89a
#899
#898
#7ba
#7b9
#7b8
#7aa
#7a9
#7a8
#79a
#799
#798
Named
darkseagreen
darkgray
lightslategray
cadetblue
mediumaquamarine
slategray
gray
rosybrown
silver
lightgreen
darkkhaki
tan
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
-150 : 11
-135 : 26
-120 : 41
-105 : 56
-90 : 71
-75 : 86
-60 : 101
-45 : 116
-30 : 131
-15 : 146
-10 : 151
-5 : 156
-2 : 159
±0 : 161
+2 : 163
+5 : 166
+10 : 171
+15 : 176
+30 : 191
+45 : 206
+60 : 221
+75 : 236
+90 : 251
+105 : 266
+120 : 281
+135 : 296
+150 : 311
+165 : 326
+180 : 341
+195 : 356
Saturation
+82 : 100
+78 : 96
+74 : 92
+70 : 88
+66 : 84
+62 : 80
+58 : 76
+54 : 72
+50 : 68
+46 : 64
+42 : 60
+38 : 56
+34 : 52
+32 : 50
+30 : 48
+26 : 44
+22 : 40
+18 : 36
+14 : 32
+10 : 28
+6 : 24
+3 : 21
+2 : 20
±0 : 18
-2 : 16
-3 : 15
-6 : 12
-10 : 8
-14 : 4
-18 : 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
-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
-33 : 0
-29 : 4
-25 : 8
-21 : 12
-17 : 16
-13 : 20
-9 : 24
-5 : 28
-3 : 30
-2 : 31
-1 : 32
±0 : 33
+2 : 35
+3 : 36
+7 : 40
+11 : 44
+15 : 48
+17 : 50
+19 : 52
+23 : 56
+27 : 60
+31 : 64
+35 : 68
+39 : 72
+43 : 76
+47 : 80
+51 : 84
+55 : 88
+59 : 92
+63 : 96
+67 : 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
+83 : 255
+66 : 238
+49 : 221
+32 : 204
+15 : 187
+8 : 180
+4 : 176
+2 : 174
+1 : 173
±0 : 172
-1 : 171
-2 : 170
-4 : 168
-8 : 164
-19 : 153
-36 : 136
-53 : 119
-70 : 102
-87 : 85
-104 : 68
-121 : 51
-138 : 34
-155 : 17
-172 : 0
Blue
+95 : 255
+78 : 238
+61 : 221
+44 : 204
+27 : 187
+10 : 170
+8 : 168
+4 : 164
+2 : 162
+1 : 161
±0 : 160
-1 : 159
-2 : 158
-4 : 156
-7 : 153
-8 : 152
-24 : 136
-41 : 119
-58 : 102
-75 : 85
-92 : 68
-109 : 51
-126 : 34
-143 : 17
-160 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000