Pale violet-red Color Codes

HTML, CSS or hex color code for color "Pale violet-red" is #db7093

Hex code #db7093
RGB: rgb(219,112,147)
HSV: ( 340.37° , 0.49% , 219% )

Complementary Colors

#B32D59
#D04471
#70DBC0
#44D0AD
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

#DB70D4
#CD5BA3
#CD5B5F
#DB8D70
Analogous Colors are groups of colors that are next to each other in the color wheel.

Triad Colors

#94DB70
#BB2F5D
#7094DB
#2F5EBB
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

#70DBB7
#94DB70
#BB2F5D
#7094DB
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:#db7093;
}

Sample CSS Code: Background Color

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

Similar Colors by Name

Hex:
#c71585
Hex:
#bcd4e6
Hex:
#afeeee
Hex:
#987654
Hex:
#af4035
Hex:
#9bc4e2
Hex:
#ddadaf
Hex:
#da8a67
Hex:
#abcdef
Hex:
#87d3f8
Hex:
#e6be8a
Hex:
#eee8aa
Hex:
#98fb98
Hex:
#dcd0ff
Hex:
#f984e5
Hex:
#ff99cc
Hex:
#fadadd
Hex:
#dda0dd
Hex:
#db7093
Hex:
#96ded1
Hex:
#c9c0bb
Hex:
#ecebbd
Hex:
#bc987e
Hex:
#afeeee
Hex:
#cc99ff
Hex:
#ffdfbf
Hex:
#ffffbf
Hex:
#f75394

Similar Colors by Distance

Hex:
#db7093
Distance:
0
Hex:
#cd607e
Distance:
3.18
Hex:
#d470a2
Distance:
3.22
Hex:
#de6fa1
Distance:
3.32
Hex:
#de6fa1
Distance:
3.32
Hex:
#de6fa1
Distance:
3.32
Hex:
#fc89ac
Distance:
3.57
Hex:
#fc8eac
Distance:
3.75
Hex:
#ff91af
Distance:
3.89
Hex:
#ff91af
Distance:
3.89
Hex:
#de5d83
Distance:
4.01
Hex:
#f56fa1
Distance:
4.07
Hex:
#e4717a
Distance:
4.09
Hex:
#e4717a
Distance:
4.09
Hex:
#f38fa9
Distance:
4.14
Hex:
#d65282
Distance:
4.17
Hex:
#cf71af
Distance:
4.26
Hex:
#f78fa7
Distance:
4.27
Hex:
#b3446c
Distance:
4.32
Hex:
#b3446c
Distance:
4.32
Hex:
#e68fac
Distance:
4.35
Hex:
#e68fac
Distance:
4.35
Hex:
#de5285
Distance:
4.37
Hex:
#cf6ba9
Distance:
4.38
Hex:
#f56991
Distance:
4.39
Hex:
#fd6c9e
Distance:
4.42
Hex:
#aa4069
Distance:
4.53
Hex:
#a8516e
Distance:
4.6
Hex:
#d98695
Distance:
4.63
Hex:
#cc8899
Distance:
4.67
Hex:
#ff91a4
Distance:
4.68
Hex:
#d982b5
Distance:
4.74
Hex:
#c74375
Distance:
4.78
Hex:
#f75394
Distance:
4.83
Hex:
#be4f62
Distance:
4.9
Hex:
#ce4676
Distance:
4.91
Hex:
#e66771
Distance:
4.91
Hex:
#e75480
Distance:
4.94
Hex:
#b57281
Distance:
4.96
Hex:
#ff99cc
Distance:
5.06
Hex:
#f19cbb
Distance:
5.09
Hex:
#ef98aa
Distance:
5.11
Hex:
#fc5a8d
Distance:
5.15
Hex:
#f49ac2
Distance:
5.15
Hex:
#ff878d
Distance:
5.19
Hex:
#b48395
Distance:
5.2
Hex:
#b76e79
Distance:
5.2
Hex:
#f08080
Distance:
5.24
Hex:
#f77fbe
Distance:
5.26
Hex:
#ad4379
Distance:
5.3
Hex:
#d0417e
Distance:
5.31
Hex:
#f64a8a
Distance:
5.35
Hex:
#e18e96
Distance:
5.37
Hex:
#cc6666
Distance:
5.37
Hex:
#fc6c85
Distance:
5.4
Hex:
#fc6c85
Distance:
5.4
Hex:
#cd5c5c
Distance:
5.44
Hex:
#ffa6c9
Distance:
5.46
Hex:
#b768a2
Distance:
5.46

Related: