Lavender (floral) Color Codes

Hex code #b57edc
RGB: rgb(181,126,220)
HSV: ( 275.11° , 0.43% , 220% )

Complementary Colors

#8433BD
#9C53D0
#9DDC7E
#7CD053

Analogous Colors

#7E80DC
#8669CE
#C269CE
#DC7ECB

Triad Colors

#DCB57E
#8935C5
#7EDCB5
#35C589

Tetrad Colors

#A5DC7E
#DCB57E
#8935C5
#7EDCB5

Sample CSS Code: Text Color

.your-text
{
    color:#b57edc;
}

Sample CSS Code: Background Color

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

Similar Colors

Hex:
#a76bcf
Distance:
3.53
Hex:
#cc99ff
Distance:
3.74
Hex:
#d891ef
Distance:
3.99
Hex:
#966fd6
Distance:
4
Hex:
#9966cc
Distance:
4.03
Hex:
#9370db
Distance:
4.29
Hex:
#b666d2
Distance:
4.38
Hex:
#bf94e4
Distance:
4.39
Hex:
#d473d4
Distance:
4.51
Hex:
#d473d4
Distance:
4.51
Hex:
#9955bb
Distance:
4.83
Hex:
#da70d6
Distance:
4.86
Hex:
#9c51b6
Distance:
4.89
Hex:
#8b72be
Distance:
4.94
Hex:
#7851a9
Distance:
4.95

Ube

Hex:
#8878c3
Distance:
5.05
Hex:
#9a4eae
Distance:
5.05
Hex:
#f1a7fe
Distance:
5.19
Hex:
#b284be
Distance:
5.23
Hex:
#d19fe8
Distance:
5.31
Hex:
#ee82ee
Distance:
5.4
Hex:
#ee82ee
Distance:
5.4
Hex:
#746cc0
Distance:
5.45

Similar Colors by Name

Hex:
#bf94e4
Hex:
#f4bbff
Hex:
#734f96
Hex:
#f4bbff
Hex:
#b48395
Hex:
#d6cadd
Hex:
#e6e6fa
Hex:
#ccccff
Hex:
#fff0f5
Hex:
#c4c3d0
Hex:
#9457eb
Hex:
#ee82ee
Hex:
#e6e6fa
Hex:
#fbaed2
Hex:
#967bb6
Hex:
#fba0e3
Hex:
#dda0dd
Hex:
#796878
Hex:
#dcd0ff
Hex:
#d8b2d1
Hex:
#f1a7fe
Hex:
#a76bcf
Hex:
#8a496b
Hex:
#e6e6fa