Dim gray Color Codes

Hex code #696969
RGB: rgb(105,105,105)
HSV: ( 0° , 0% , 105% )

Complementary Colors

#A39595
#8B7979
#626F70
#79898B

Analogous Colors

#70626A
#876872
#877268
#706A62

Triad Colors

#627062
#9E8F8F
#626270
#8F8F9E

Tetrad Colors

#627070
#627062
#9E8F8F
#626270

Sample CSS Code: Text Color

.your-text
{
    color:#696969;
}

Sample CSS Code: Background Color

.sample-bg
{
    background-color:#696969;
}

Similar Colors

Hex:
#676767
Distance:
0.9
Hex:
#757575
Distance:
2.2
Hex:
#727472
Distance:
2.49
Hex:
#555555
Distance:
2.88
Hex:
#808080
Distance:
3.03
Hex:
#808080
Distance:
3.03
Hex:
#808080
Distance:
3.03
Hex:
#808080
Distance:
3.03
Hex:
#848482
Distance:
3.49
Hex:
#848482
Distance:
3.49
Hex:
#54626f
Distance:
3.85
Hex:
#8a7f80
Distance:
3.88
Hex:
#536872
Distance:
3.9
Hex:
#4f666a
Distance:
3.93
Hex:
#6e7f80
Distance:
4.01
Hex:
#8b8589
Distance:
4.01
Hex:
#536878
Distance:
4.09
Hex:
#536878
Distance:
4.09
Hex:
#534b4f
Distance:
4.12
Hex:
#645452
Distance:
4.13
Hex:
#796878
Distance:
4.23
Hex:
#555d50
Distance:
4.27
Hex:
#989898
Distance:
4.29
Hex:
#7e5e60
Distance:
4.3
Hex:
#4d5d53
Distance:
4.32
Hex:
#4a646c
Distance:
4.35
Hex:
#414a4c
Distance:
4.39
Hex:
#51484f
Distance:
4.55
Hex:
#838996
Distance:
4.56
Hex:
#738276
Distance:
4.59
Hex:
#708090
Distance:
4.6

Jet

Hex:
#343434
Distance:
4.77
Hex:
#635147
Distance:
4.79
Hex:
#353839
Distance:
4.82
Hex:
#3b444b
Distance:
4.84
Hex:
#828e84
Distance:
4.86
Hex:
#828e84
Distance:
4.86
Hex:
#a6a6a6
Distance:
4.87
Hex:
#915f6d
Distance:
4.96
Hex:
#915f6d
Distance:
4.96
Hex:
#3b3c36
Distance:
4.97
Hex:
#738678
Distance:
4.97
Hex:
#a9a9a9
Distance:
4.98
Hex:
#a9a9a9
Distance:
4.98
Hex:
#a9a9a9
Distance:
4.98
Hex:
#a9a9a9
Distance:
4.98
Hex:
#778899
Distance:
4.99
Hex:
#98777b
Distance:
5.01
Hex:
#49796b
Distance:
5.01
Hex:
#836953
Distance:
5.03
Hex:
#98817b
Distance:
5.08
Hex:
#acacac
Distance:
5.09
Hex:
#8a795d
Distance:
5.21
Hex:
#36454f
Distance:
5.22
Hex:
#36454f
Distance:
5.22
Hex:
#674c47
Distance:
5.24
Hex:
#674c47
Distance:
5.24
Hex:
#2f4f4f
Distance:
5.35
Hex:
#56887d
Distance:
5.35
Hex:
#436b95
Distance:
5.37
Hex:
#317873
Distance:
5.38
Hex:
#36747d
Distance:
5.39
Hex:
#856d4d
Distance:
5.42
Hex:
#85754e
Distance:
5.43
Hex:
#66424d
Distance:
5.44
Hex:
#4f3a3c
Distance:
5.44
Hex:
#465945
Distance:
5.45
Hex:
#483c32
Distance:
5.45
Hex:
#483c32
Distance:
5.45
Hex:
#483c32
Distance:
5.45
Hex:
#5f8a8b
Distance:
5.46
Hex:
#778ba5
Distance:
5.47
Hex:
#674846
Distance:
5.47
Hex:
#50404d
Distance:
5.48
Hex:
#905d5d
Distance:
5.49

Similar Colors by Name

Hex:
#a9a9a9
Hex:
#a9a9a9
Hex:
#2f4f4f
Hex:
#828e84
Hex:
#676767
Hex:
#808080
Hex:
#808080
Hex:
#bebebe
Hex:
#aa98a9
Hex:
#c4c3d0
Hex:
#d3d3d3
Hex:
#778899
Hex:
#cfcfc4
Hex:
#708090
Hex:
#989898
Hex:
#8b8589
Hex:
#a9a9a9