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.
#889fc7
Data
Red
136
Green
159
Blue
199
Hue
218°
White
53%
Black
22%
Saturation
36%
Lightness
66%
Brightness
61%
Tone = Light Grayish
Hue = 218°
3 digits
#9ad
#9ac
#9ab
#99d
#99c
#99b
#98d
#98c
#98b
#8ad
#8ac
#8ab
#89d
#89c
#89b
#88d
#88c
#88b
#7ad
#7ac
#7ab
#79d
#79c
#79b
#78d
#78c
#78b
Named
darkgray
mediumpurple
cornflowerblue
lightslategray
cadetblue
lightsteelblue
skyblue
darkseagreen
mediumaquamarine
silver
slategray
mediumslateblue
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 : 8
-195 : 23
-180 : 38
-165 : 53
-150 : 68
-135 : 83
-120 : 98
-105 : 113
-90 : 128
-75 : 143
-60 : 158
-45 : 173
-30 : 188
-15 : 203
-10 : 208
-5 : 213
-2 : 216
±0 : 218
+2 : 220
+5 : 223
+10 : 228
+15 : 233
+30 : 248
+45 : 263
+60 : 278
+75 : 293
+90 : 308
+105 : 323
+120 : 338
+135 : 353
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
+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
-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
+119 : 255
+102 : 238
+85 : 221
+68 : 204
+51 : 187
+34 : 170
+17 : 153
+8 : 144
+4 : 140
+2 : 138
+1 : 137
±0 : 136
-1 : 135
-2 : 134
-4 : 132
-8 : 128
-17 : 119
-34 : 102
-51 : 85
-68 : 68
-85 : 51
-102 : 34
-119 : 17
-136 : 0
Green
+96 : 255
+79 : 238
+62 : 221
+45 : 204
+28 : 187
+11 : 170
+8 : 167
+4 : 163
+2 : 161
+1 : 160
±0 : 159
-1 : 158
-2 : 157
-4 : 155
-6 : 153
-8 : 151
-23 : 136
-40 : 119
-57 : 102
-74 : 85
-91 : 68
-108 : 51
-125 : 34
-142 : 17
-159 : 0
Blue
+56 : 255
+39 : 238
+22 : 221
+8 : 207
+5 : 204
+4 : 203
+2 : 201
+1 : 200
±0 : 199
-1 : 198
-2 : 197
-4 : 195
-8 : 191
-12 : 187
-29 : 170
-46 : 153
-63 : 136
-80 : 119
-97 : 102
-114 : 85
-131 : 68
-148 : 51
-165 : 34
-182 : 17
-199 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000