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.
#c3c7c2
Data
Red
195
Green
199
Blue
194
Hue
108°
White
76%
Black
22%
Saturation
4%
Lightness
77%
Brightness
77%
Tone = Pale
Hue = 108°
3 digits
#cdc
#cdb
#cda
#ccc
#ccb
#cca
#cbc
#cbb
#cba
#bdc
#bdb
#bda
#bcc
#bcb
#bca
#bbc
#bbb
#bba
#adc
#adb
#ada
#acc
#acb
#aca
#abc
#abb
#aba
Named
silver
lightgray
thistle
lightsteelblue
gainsboro
lightblue
darkgray
powderblue
plum
wheat
tan
palegoldenrod
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
-105 : 3
-90 : 18
-75 : 33
-60 : 48
-45 : 63
-30 : 78
-15 : 93
-10 : 98
-5 : 103
-2 : 106
±0 : 108
+2 : 110
+5 : 113
+10 : 118
+15 : 123
+30 : 138
+45 : 153
+60 : 168
+75 : 183
+90 : 198
+105 : 213
+120 : 228
+135 : 243
+150 : 258
+165 : 273
+180 : 288
+195 : 303
+210 : 318
+225 : 333
+240 : 348
Saturation
+96 : 100
+92 : 96
+88 : 92
+84 : 88
+80 : 84
+76 : 80
+72 : 76
+68 : 72
+64 : 68
+60 : 64
+56 : 60
+52 : 56
+48 : 52
+46 : 50
+44 : 48
+40 : 44
+36 : 40
+32 : 36
+28 : 32
+24 : 28
+20 : 24
+16 : 20
+12 : 16
+8 : 12
+4 : 8
+3 : 7
+2 : 6
±0 : 4
-2 : 2
-3 : 1
-4 : 0
Lightness
+23 : 100
+19 : 96
+15 : 92
+11 : 88
+7 : 84
+3 : 80
+2 : 79
±0 : 77
-1 : 76
-2 : 75
-3 : 74
-5 : 72
-9 : 68
-13 : 64
-17 : 60
-21 : 56
-25 : 52
-27 : 50
-29 : 48
-33 : 44
-37 : 40
-41 : 36
-45 : 32
-49 : 28
-53 : 24
-57 : 20
-61 : 16
-65 : 12
-69 : 8
-73 : 4
-77 : 0
White
-76 : 0
-72 : 4
-68 : 8
-64 : 12
-60 : 16
-56 : 20
-52 : 24
-48 : 28
-44 : 32
-40 : 36
-36 : 40
-32 : 44
-28 : 48
-26 : 50
-24 : 52
-20 : 56
-16 : 60
-12 : 64
-8 : 68
-4 : 72
-3 : 73
-2 : 74
±0 : 76
+2 : 78
+3 : 79
+4 : 80
+8 : 84
+12 : 88
+16 : 92
+20 : 96
+24 : 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
+60 : 255
+43 : 238
+26 : 221
+9 : 204
+8 : 203
+4 : 199
+2 : 197
+1 : 196
±0 : 195
-1 : 194
-2 : 193
-4 : 191
-8 : 187
-25 : 170
-42 : 153
-59 : 136
-76 : 119
-93 : 102
-110 : 85
-127 : 68
-144 : 51
-161 : 34
-178 : 17
-195 : 0
Green
+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
Blue
+61 : 255
+44 : 238
+27 : 221
+10 : 204
+8 : 202
+4 : 198
+2 : 196
+1 : 195
±0 : 194
-1 : 193
-2 : 192
-4 : 190
-7 : 187
-8 : 186
-24 : 170
-41 : 153
-58 : 136
-75 : 119
-92 : 102
-109 : 85
-126 : 68
-143 : 51
-160 : 34
-177 : 17
-194 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000