Baby pink Color Codes

HTML, CSS or hex color code for color "Baby pink" is #f4c2c2

Hex code #f4c2c2
RGB: rgb(244,194,194)
HSV: ( 0° , 0.2% , 244% )

Complementary Colors

#E46868
#EC9393
#C2F0F4
#93E4EC
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

#F4C2E0
#EBA8BC
#EBBCA8
#F4E0C2
Analogous Colors are groups of colors that are next to each other in the color wheel.

Triad Colors

#C2F4C2
#E57070
#C2C2F4
#7070E5
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

#C2F4F4
#C2F4C2
#E57070
#C2C2F4
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:#f4c2c2;
}

Sample CSS Code: Background Color

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

Similar Colors by Name

Hex:
#f19cbb
Hex:
#89cff0
Hex:
#a1caf1
Hex:
#fefefa
Hex:
#ff91af
Hex:
#e0218a
Hex:
#ff007f
Hex:
#fb607f
Hex:
#efbbcc
Hex:
#e4717a
Hex:
#eb4c42
Hex:
#ffa6c9
Hex:
#ec3b83
Hex:
#f1ddcf
Hex:
#e68fac
Hex:
#ffb7c5
Hex:
#de6fa1
Hex:
#f88379
Hex:
#f88379
Hex:
#e75480
Hex:
#ef3038
Hex:
#ff1493
Hex:
#de5285
Hex:
#fc8eac
Hex:
#ff1493
Hex:
#fd6c9e
Hex:
#ff77ff
Hex:
#ff69b4
Hex:
#fbaed2
Hex:
#e66771
Hex:
#ff5ccd
Hex:
#f984ef
Hex:
#ffb3de
Hex:
#ffb6c1
Hex:
#ff9999
Hex:
#e68fac
Hex:
#e4007c
Hex:
#ffdae9
Hex:
#997a8d
Hex:
#f6adc6
Hex:
#d7837f
Hex:
#f2bdcd
Hex:
#fadadd
Hex:
#e63e62
Hex:
#d998a0
Hex:
#dea5a4
Hex:
#f77fbe
Hex:
#fddde6
Hex:
#ffc0cb
Hex:
#d74894
Hex:
#fc74fd
Hex:
#ffddf4
Hex:
#d8b2d1
Hex:
#e7accf
Hex:
#980036
Hex:
#f78fa7
Hex:
#e8ccd7
Hex:
#e25098
Hex:
#ff66cc
Hex:
#e18e96
Hex:
#ff91a4
Hex:
#ff91af
Hex:
#fc0fc0
Hex:
#ff6fff
Hex:
#c4aead
Hex:
#893843
Hex:
#f7bfbe
Hex:
#cc33cc
Hex:
#cf6ba9
Hex:
#e4717a
Hex:
#de6fa1
Hex:
#fc89ac
Hex:
#ff6fff
Hex:
#f535aa

Similar Colors by Distance

Hex:
#f4c2c2
Distance:
0
Hex:
#f7bfbe
Distance:
2.01
Hex:
#ffcccb
Distance:
2.05
Hex:
#ddadaf
Distance:
2.98
Hex:
#ffc0cb
Distance:
3.26
Hex:
#ffc1cc
Distance:
3.27
Hex:
#fdbcb4
Distance:
3.43
Hex:
#f2bdcd
Distance:
3.49
Hex:
#e5ccc9
Distance:
3.6
Hex:
#efbbcc
Distance:
3.67
Hex:
#ffb6c1
Distance:
3.69
Hex:
#dea5a4
Distance:
3.85
Hex:
#ffb7c5
Distance:
3.88
Hex:
#e8ccd7
Distance:
4.09
Hex:
#fadadd
Distance:
4.18
Hex:
#ffdae9
Distance:
4.43
Hex:
#bc8f8f
Distance:
4.49
Hex:
#edc9af
Distance:
4.53
Hex:
#c09999
Distance:
4.54
Hex:
#fddde6
Distance:
4.54
Hex:
#fbcce7
Distance:
4.57
Hex:
#ffe4e1
Distance:
4.58
Hex:
#cfcfc4
Distance:
4.61
Hex:
#d998a0
Distance:
4.72
Hex:
#f1ddcf
Distance:
4.73
Hex:
#ffbcd9
Distance:
4.76
Hex:
#fbceb1
Distance:
4.77
Hex:
#c9c0bb
Distance:
4.82
Hex:
#d8bfd8
Distance:
4.83
Hex:
#c4aead
Distance:
4.83
Hex:
#ffddca
Distance:
4.84
Hex:
#d8b2d1
Distance:
4.94
Hex:
#dbd7d2
Distance:
4.96
Hex:
#ffddf4
Distance:
4.97
Hex:
#e3dac9
Distance:
4.98
Hex:
#d6cadd
Distance:
5
Hex:
#efdecd
Distance:
5
Hex:
#f6adc6
Distance:
5.07
Hex:
#d1bea8
Distance:
5.11
Hex:
#d3d3d3
Distance:
5.14
Hex:
#d3d3d3
Distance:
5.14
Hex:
#ffcba4
Distance:
5.18
Hex:
#ffcba4
Distance:
5.18
Hex:
#ffcff1
Distance:
5.19
Hex:
#bfafb2
Distance:
5.27
Hex:
#ffe4cd
Distance:
5.42
Hex:
#faf0e6
Distance:
5.43
Hex:
#dcdcdc
Distance:
5.44
Hex:
#c0c0c0
Distance:
5.45
Hex:
#fdd5b1
Distance:
5.49
Hex:
#fdd5b1
Distance:
5.49
Hex:
#ef98aa
Distance:
5.5

Related: