Pastel magenta Color Codes

HTML, CSS or hex color code for color "Pastel magenta" is #f49ac2

Hex code #f49ac2
RGB: rgb(244,154,194)
HSV: ( 333.33° , 0.37% , 244% )

Complementary Colors

#EA3E8A
#EF6CA6
#9AF4D3
#6CEFBF
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

#F09AF4
#EC83D2
#EC8393
#F4A89A
Analogous Colors are groups of colors that are next to each other in the color wheel.

Triad Colors

#C3F49A
#EB4790
#9AC3F4
#4791EB
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

#9AF4CC
#C3F49A
#EB4790
#9AC3F4
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:#f49ac2;
}

Sample CSS Code: Background Color

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

Similar Colors by Name

Hex:
#8b008b
Hex:
#779ecb
Hex:
#03c03c
Hex:
#966fd6
Hex:
#c23b22
Hex:
#cc00cc
Hex:
#aa00bb
Hex:
#ff1dce
Hex:
#ee82ee
Hex:
#cc99cc
Hex:
#b19cd9
Hex:
#ff00ff
Hex:
#ff55a3
Hex:
#ca1f7b
Hex:
#d0417e
Hex:
#ff0090
Hex:
#9f4576
Hex:
#dda0dd
Hex:
#f984e5
Hex:
#aec6cf
Hex:
#836953
Hex:
#cfcfc4
Hex:
#77dd77
Hex:
#ffb347
Hex:
#dea5a4
Hex:
#b39eb5
Hex:
#ff6961
Hex:
#cb99c9
Hex:
#fdfd96
Hex:
#8e3a59
Hex:
#cf71af

Similar Colors by Distance

Hex:
#f19cbb
Distance:
2.62
Hex:
#ffa6c9
Distance:
2.78
Hex:
#e79fc4
Distance:
2.97
Hex:
#ff99cc
Distance:
3.22
Hex:
#fbaed2
Distance:
3.41
Hex:
#e68fac
Distance:
3.48
Hex:
#e68fac
Distance:
3.48
Hex:
#f38fa9
Distance:
3.78
Hex:
#ff91af
Distance:
4
Hex:
#ff91af
Distance:
4
Hex:
#d982b5
Distance:
4.02
Hex:
#ef98aa
Distance:
4.06
Hex:
#ffb3de
Distance:
4.07
Hex:
#f78fa7
Distance:
4.1
Hex:
#fc8eac
Distance:
4.15
Hex:
#f6adc6
Distance:
4.2
Hex:
#e7accf
Distance:
4.22
Hex:
#fc89ac
Distance:
4.39
Hex:
#e6a8d7
Distance:
4.4
Hex:
#ff91a4
Distance:
4.54
Hex:
#fba0e3
Distance:
4.56
Hex:
#ffbcd9
Distance:
4.62
Hex:
#dda0dd
Distance:
4.72
Hex:
#dda0dd
Distance:
4.72
Hex:
#dda0dd
Distance:
4.72
Hex:
#d470a2
Distance:
4.75
Hex:
#de6fa1
Distance:
4.76
Hex:
#de6fa1
Distance:
4.76
Hex:
#de6fa1
Distance:
4.76
Hex:
#d39bcb
Distance:
4.83
Hex:
#ff9999
Distance:
4.88
Hex:
#f77fbe
Distance:
4.97
Hex:
#d98695
Distance:
5.1
Hex:
#db7093
Distance:
5.15
Hex:
#db7093
Distance:
5.15
Hex:
#d8b2d1
Distance:
5.2
Hex:
#cb99c9
Distance:
5.26
Hex:
#cc99cc
Distance:
5.28
Hex:
#e18e96
Distance:
5.28
Hex:
#ffb7c5
Distance:
5.32
Hex:
#cc8899
Distance:
5.33
Hex:
#c8a2c8
Distance:
5.36
Hex:
#ff85cf
Distance:
5.41
Hex:
#ffb6c1
Distance:
5.45
Hex:
#efbbcc
Distance:
5.47
Hex:
#d998a0
Distance:
5.47
Hex:
#cf71af
Distance:
5.47

Related: