Pineapple Color Codes

Hex code #563c5c
RGB: rgb(86,60,92)
HSV: ( 288.75° , 0.35% , 92% )

Complementary Colors

#8D6397
#714F78
#405C3C
#53784F

Analogous Colors

#423C5C
#594171
#71416D
#5C3C4F

Triad Colors

#5C563C
#885F91
#3C5C56
#5F9187

Tetrad Colors

#425C3C
#5C563C
#885F91
#3C5C56

Sample CSS Code: Text Color

.your-text
{
    color:#563c5c;
}

Sample CSS Code: Background Color

.sample-bg
{
    background-color:#563c5c;
}

Similar Colors

Hex:
#563c5c
Distance:
0
Hex:
#563c5c
Distance:
0
Hex:
#5d3954
Distance:
2.82
Hex:
#5b3256
Distance:
3.09
Hex:
#614051
Distance:
3.57
Hex:
#663854
Distance:
3.77
Hex:
#50404d
Distance:
4.22
Hex:
#66424d
Distance:
4.23
Hex:
#301934
Distance:
4.32
Hex:
#4c516d
Distance:
4.53
Hex:
#673147
Distance:
4.75
Hex:
#673147
Distance:
4.75
Hex:
#856088
Distance:
4.76
Hex:
#58427c
Distance:
4.83
Hex:
#333366
Distance:
4.86
Hex:
#4e5180
Distance:
5.05
Hex:
#682860
Distance:
5.05
Hex:
#702963
Distance:
5.06
Hex:
#51484f
Distance:
5.17
Hex:
#602f6b
Distance:
5.18
Hex:
#86608e
Distance:
5.25
Hex:
#86608e
Distance:
5.25
Hex:
#4f3a3c
Distance:
5.27
Hex:
#915c83
Distance:
5.35
Hex:
#36454f
Distance:
5.36
Hex:
#36454f
Distance:
5.36
Hex:
#703642
Distance:
5.43
Hex:
#704241
Distance:
5.46
Hex:
#704241
Distance:
5.46
Hex:
#3b444b
Distance:
5.47