Lavender (floral) Color Codes

HTML, CSS or hex color code for color "Lavender (floral)" is #b57edc

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

Complementary Colors

#8433BD
#9C53D0
#9DDC7E
#7CD053
Complementary colors, when placed next to each other, create the best contrast. This is because complementary colors are picked from the opposite sides of the color wheel. If you combine the complementary colors, you will get one of the colors in the grey scale (white to black) because the colors cancel out each other. Sometimes, complementary colors are also called "opposite colors"

Analogous Colors

#7E80DC
#8669CE
#C269CE
#DC7ECB
Analogous Colors are groups of colors that are next to each other in the color wheel.

Triad Colors

#DCB57E
#8935C5
#7EDCB5
#35C589
Triad Colors are the colors placed evenly around the color wheel. If you use this combination, you get a vibrant look to the end result.

Tetrad Colors

#A5DC7E
#DCB57E
#8935C5
#7EDCB5
A tetrad is a color scheme with the equal distance between all colors. The tetrad scheme gives a vibrant and colorful overall look.

Sample CSS Code: Text Color

.your-text
{
    color:#b57edc;
}

Sample CSS Code: Background Color

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

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

Similar Colors by Distance

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

Related: