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.
#b4b8bc
Data
Red
180
Green
184
Blue
188
Hue
210°
White
71%
Black
26%
Saturation
6%
Lightness
72%
Brightness
72%
Tone = Light Grayish
Hue = 210°
3 digits
#ccc
#ccb
#cca
#cbc
#cbb
#cba
#cac
#cab
#caa
#bcc
#bcb
#bca
#bbc
#bbb
#bba
#bac
#bab
#baa
#acc
#acb
#aca
#abc
#abb
#aba
#aac
#aab
#aaa
Named
silver
darkgray
lightsteelblue
thistle
lightgray
lightblue
tan
plum
powderblue
darkseagreen
rosybrown
gainsboro
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 : 0
-195 : 15
-180 : 30
-165 : 45
-150 : 60
-135 : 75
-120 : 90
-105 : 105
-90 : 120
-75 : 135
-60 : 150
-45 : 165
-30 : 180
-15 : 195
-10 : 200
-5 : 205
-2 : 208
±0 : 210
+2 : 212
+5 : 215
+10 : 220
+15 : 225
+30 : 240
+45 : 255
+60 : 270
+75 : 285
+90 : 300
+105 : 315
+120 : 330
+135 : 345
Saturation
+94 : 100
+90 : 96
+86 : 92
+82 : 88
+78 : 84
+74 : 80
+70 : 76
+66 : 72
+62 : 68
+58 : 64
+54 : 60
+50 : 56
+46 : 52
+44 : 50
+42 : 48
+38 : 44
+34 : 40
+30 : 36
+26 : 32
+22 : 28
+18 : 24
+14 : 20
+10 : 16
+6 : 12
+3 : 9
+2 : 8
±0 : 6
-2 : 4
-3 : 3
-6 : 0
Lightness
+28 : 100
+24 : 96
+20 : 92
+16 : 88
+12 : 84
+8 : 80
+4 : 76
+3 : 75
+2 : 74
±0 : 72
-2 : 70
-3 : 69
-4 : 68
-8 : 64
-12 : 60
-16 : 56
-20 : 52
-22 : 50
-24 : 48
-28 : 44
-32 : 40
-36 : 36
-40 : 32
-44 : 28
-48 : 24
-52 : 20
-56 : 16
-60 : 12
-64 : 8
-68 : 4
-72 : 0
White
-71 : 0
-67 : 4
-63 : 8
-59 : 12
-55 : 16
-51 : 20
-47 : 24
-43 : 28
-39 : 32
-35 : 36
-31 : 40
-27 : 44
-23 : 48
-21 : 50
-19 : 52
-15 : 56
-11 : 60
-7 : 64
-3 : 68
-2 : 69
±0 : 71
+1 : 72
+2 : 73
+3 : 74
+5 : 76
+9 : 80
+13 : 84
+17 : 88
+21 : 92
+25 : 96
+29 : 100
Black
-26 : 0
-22 : 4
-18 : 8
-14 : 12
-10 : 16
-6 : 20
-3 : 23
-2 : 24
±0 : 26
+2 : 28
+3 : 29
+6 : 32
+10 : 36
+14 : 40
+18 : 44
+22 : 48
+24 : 50
+26 : 52
+30 : 56
+34 : 60
+38 : 64
+42 : 68
+46 : 72
+50 : 76
+54 : 80
+58 : 84
+62 : 88
+66 : 92
+70 : 96
+74 : 100
Red
+75 : 255
+58 : 238
+41 : 221
+24 : 204
+8 : 188
+7 : 187
+4 : 184
+2 : 182
+1 : 181
±0 : 180
-1 : 179
-2 : 178
-4 : 176
-8 : 172
-10 : 170
-27 : 153
-44 : 136
-61 : 119
-78 : 102
-95 : 85
-112 : 68
-129 : 51
-146 : 34
-163 : 17
-180 : 0
Green
+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
Blue
+67 : 255
+50 : 238
+33 : 221
+16 : 204
+8 : 196
+4 : 192
+2 : 190
+1 : 189
±0 : 188
-1 : 187
-2 : 186
-4 : 184
-8 : 180
-18 : 170
-35 : 153
-52 : 136
-69 : 119
-86 : 102
-103 : 85
-120 : 68
-137 : 51
-154 : 34
-171 : 17
-188 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000