#fd7ba2 hex color

In a RGB color space, hex #fd7ba2 is composed of 99.2% red, 48.2% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 51.4% magenta, 36% yellow and 0.8% black. It has a hue angle of 342 degrees, a saturation of 97% and a lightness of 73.7%. #fd7ba2 color hex could be obtained by blending #fff6ff with #fb0045. Closest websafe color is: #ff6699.

♥
- f
- t
- g
- R 99
- G 48
- B 64
RGB color chart
- C 0
- M 51
- Y 36
- K 1
CMYK color chart

● #fd7ba2 color description : Soft pink.

The hexadecimal color #fd7ba2 has RGB values of R:253, G:123, B:162 and CMYK values of C:0, M:0.51, Y:0.36, K:0.01. Its decimal value is 16612258.

Hex triplet	fd7ba2	`#fd7ba2`
RGB Decimal	253, 123, 162	`rgb(253,123,162)`
RGB Percent	99.2, 48.2, 63.5	`rgb(99.2%,48.2%,63.5%)`
CMYK	0, 51, 36, 1
HSL	342°, 97, 73.7	`hsl(342,97%,73.7%)`
HSV (or HSB)	342°, 51.4, 99.2
Web Safe	ff6699	`#ff6699`

CIE-LAB	67.77, 53.326, 2.883
XYZ	54.113, 37.661, 38.6
xyY	0.415, 0.289, 37.661
CIE-LCH	67.77, 53.404, 3.094
CIE-LUV	67.77, 85.212, -6.231
Hunter-Lab	61.369, 50, 5.666
Binary	11111101, 01111011, 10100010

#fd7ba2
```
#fd7ba2 rgb(253,123,162)
```
#7bfdd6
```
#7bfdd6 rgb(123,253,214)
```

Complementary Color

#fd7be3
```
#fd7be3 rgb(253,123,227)
```
#fd7ba2
```
#fd7ba2 rgb(253,123,162)
```
#fd957b
```
#fd957b rgb(253,149,123)
```

Analogous Color

#7be3fd
```
#7be3fd rgb(123,227,253)
```
#fd7ba2
```
#fd7ba2 rgb(253,123,162)
```
#7bfd95
```
#7bfd95 rgb(123,253,149)
```

Split Complementary Color

#7ba2fd
```
#7ba2fd rgb(123,162,253)
```
#fd7ba2
```
#fd7ba2 rgb(253,123,162)
```
#a2fd7b
```
#a2fd7b rgb(162,253,123)
```

Triadic Color

#d67bfd
```
#d67bfd rgb(214,123,253)
```
#fd7ba2
```
#fd7ba2 rgb(253,123,162)
```
#a2fd7b
```
#a2fd7b rgb(162,253,123)
```
#7bfdd6
```
#7bfdd6 rgb(123,253,214)
```

Tetradic Color

#fc306d
```
#fc306d rgb(252,48,109)
```
#fc497f
```
#fc497f rgb(252,73,127)
```
#fd6290
```
#fd6290 rgb(253,98,144)
```
#fd7ba2
```
#fd7ba2 rgb(253,123,162)
```
#fd94b4
```
#fd94b4 rgb(253,148,180)
```
#feadc5
```
#feadc5 rgb(254,173,197)
```
#fec6d7
```
#fec6d7 rgb(254,198,215)
```

Monochromatic Color

Below, you can see some colors close to #fd7ba2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#fd7bc3
```
#fd7bc3 rgb(253,123,195)
```
#fd7bb8
```
#fd7bb8 rgb(253,123,184)
```
#fd7bad
```
#fd7bad rgb(253,123,173)
```
#fd7ba2
```
#fd7ba2 rgb(253,123,162)
```
#fd7b97
```
#fd7b97 rgb(253,123,151)
```
#fd7b8c
```
#fd7b8c rgb(253,123,140)
```
#fd7b82
```
#fd7b82 rgb(253,123,130)
```

Similar Colors

Text with hexadecimal color #fd7ba2

This text has a font color of #fd7ba2.

<span style="color:#fd7ba2;">Text here</span>

#fd7ba2 background color

This paragraph has a background color of #fd7ba2.

<p style="background-color:#fd7ba2;">Content here</p>

#fd7ba2 border color

This element has a border color of #fd7ba2.

<div style="border:1px solid #fd7ba2;">Content here</div>

CSS codes

.text {color:#fd7ba2;}

.background {background-color:#fd7ba2;}

.border {border:1px solid #fd7ba2;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #030001 is the darkest color, while #ffeff4 is the lightest one.

#030001
```
#030001 rgb(3,0,1)
```
#170007
```
#170007 rgb(23,0,7)
```
#2a010d
```
#2a010d rgb(42,1,13)
```
#3d0113
```
#3d0113 rgb(61,1,19)
```
#510119
```
#510119 rgb(81,1,25)
```
#64021f
```
#64021f rgb(100,2,31)
```
#770225
```
#770225 rgb(119,2,37)
```
#8b022b
```
#8b022b rgb(139,2,43)
```
#9e0231
```
#9e0231 rgb(158,2,49)
```
#b10337
```
#b10337 rgb(177,3,55)
```
#c4033d
```
#c4033d rgb(196,3,61)
```
#d80343
```
#d80343 rgb(216,3,67)
```
#eb0449
```
#eb0449 rgb(235,4,73)
```

Shade Color Variation

#fb0750
```
#fb0750 rgb(251,7,80)
```
#fc1a5e
```
#fc1a5e rgb(252,26,94)
```
#fc2e6c
```
#fc2e6c rgb(252,46,108)
```
#fc4179
```
#fc4179 rgb(252,65,121)
```
#fc5487
```
#fc5487 rgb(252,84,135)
```
#fd6894
```
#fd6894 rgb(253,104,148)
```
#fd7ba2
```
#fd7ba2 rgb(253,123,162)
```
#fd8eb0
```
#fd8eb0 rgb(253,142,176)
```
#fea2bd
```
#fea2bd rgb(254,162,189)
```
#feb5cb
```
#feb5cb rgb(254,181,203)
```
#fec8d8
```
#fec8d8 rgb(254,200,216)
```
#fedce6
```
#fedce6 rgb(254,220,230)
```
#ffeff4
```
#ffeff4 rgb(255,239,244)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #bfb9bb is the less saturated color, while #fd7ba2 is the most saturated one.

#bfb9bb
```
#bfb9bb rgb(191,185,187)
```
#c4b4b9
```
#c4b4b9 rgb(196,180,185)
```
#c9afb7
```
#c9afb7 rgb(201,175,183)
```
#cfa9b5
```
#cfa9b5 rgb(207,169,181)
```
#d4a4b2
```
#d4a4b2 rgb(212,164,178)
```
#d99fb0
```
#d99fb0 rgb(217,159,176)
```
#de9aae
```
#de9aae rgb(222,154,174)
```
#e395ac
```
#e395ac rgb(227,149,172)
```
#e890aa
```
#e890aa rgb(232,144,170)
```
#ee8aa8
```
#ee8aa8 rgb(238,138,168)
```
#f385a6
```
#f385a6 rgb(243,133,166)
```
#f880a4
```
#f880a4 rgb(248,128,164)
```
#fd7ba2
```
#fd7ba2 rgb(253,123,162)
```

Tone Color Variation

Below, you can see how #fd7ba2 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#a6a6a6 Achromatopsia 0.005% of the population
#b79da5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7a8bb Protanopia 1% of men
#bda49e Deuteranopia 1% of men
#fa868f Tritanopia 0.001% of the population

Trichromacy

#c698b2 Protanomaly 1% of men, 0.01% of women
#d4959f Deuteranomaly 6% of men, 0.4% of women
#fb8295 Tritanomaly 0.01% of the population

#fd7ba2 hex color

#fd7ba2 Color Information

#fd7ba2 Color Conversion

Color Schemes with #fd7ba2

Alternatives to #fd7ba2

#fd7ba2 Preview

Shades and Tints of #fd7ba2

Tones of #fd7ba2

Color Blindness Simulator