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.
#ccc2c2
Data
Red
204
Green
194
Blue
194
Hue
0°
White
76%
Black
20%
Saturation
9%
Lightness
78%
Brightness
77%
Tone = Pale
Hue = 0°
3 digits
#dcc
#dcb
#dca
#dbc
#dbb
#dba
#dac
#dab
#daa
#ccc
#ccb
#cca
#cbc
#cbb
#cba
#cac
#cab
#caa
#bcc
#bcb
#bca
#bbc
#bbb
#bba
#bac
#bab
#baa
Named
silver
lightgray
thistle
lightsteelblue
gainsboro
plum
darkgray
pink
wheat
lightblue
lightpink
powderblue
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
±0 : 0
+2 : 2
+5 : 5
+10 : 10
+15 : 15
+30 : 30
+45 : 45
+60 : 60
+75 : 75
+90 : 90
+105 : 105
+120 : 120
+135 : 135
+150 : 150
+165 : 165
+180 : 180
+195 : 195
+210 : 210
+225 : 225
+240 : 240
+255 : 255
+270 : 270
+285 : 285
+300 : 300
+315 : 315
+330 : 330
+345 : 345
+350 : 350
+355 : 355
+358 : 358
Saturation
+91 : 100
+87 : 96
+83 : 92
+79 : 88
+75 : 84
+71 : 80
+67 : 76
+63 : 72
+59 : 68
+55 : 64
+51 : 60
+47 : 56
+43 : 52
+41 : 50
+39 : 48
+35 : 44
+31 : 40
+27 : 36
+23 : 32
+19 : 28
+15 : 24
+11 : 20
+7 : 16
+3 : 12
+2 : 11
±0 : 9
-1 : 8
-2 : 7
-3 : 6
-5 : 4
-9 : 0
Lightness
+22 : 100
+18 : 96
+14 : 92
+10 : 88
+6 : 84
+3 : 81
+2 : 80
±0 : 78
-2 : 76
-3 : 75
-6 : 72
-10 : 68
-14 : 64
-18 : 60
-22 : 56
-26 : 52
-28 : 50
-30 : 48
-34 : 44
-38 : 40
-42 : 36
-46 : 32
-50 : 28
-54 : 24
-58 : 20
-62 : 16
-66 : 12
-70 : 8
-74 : 4
-78 : 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
-20 : 0
-16 : 4
-12 : 8
-8 : 12
-4 : 16
-3 : 17
-2 : 18
±0 : 20
+2 : 22
+3 : 23
+4 : 24
+8 : 28
+12 : 32
+16 : 36
+20 : 40
+24 : 44
+28 : 48
+30 : 50
+32 : 52
+36 : 56
+40 : 60
+44 : 64
+48 : 68
+52 : 72
+56 : 76
+60 : 80
+64 : 84
+68 : 88
+72 : 92
+76 : 96
+80 : 100
Red
+51 : 255
+34 : 238
+17 : 221
+8 : 212
+4 : 208
+2 : 206
+1 : 205
±0 : 204
-1 : 203
-2 : 202
-4 : 200
-8 : 196
-17 : 187
-34 : 170
-51 : 153
-68 : 136
-85 : 119
-102 : 102
-119 : 85
-136 : 68
-153 : 51
-170 : 34
-187 : 17
-204 : 0
Green
+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
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