#fd78b2 hex color

In a RGB color space, hex #fd78b2 is composed of 99.2% red, 47.1% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 52.6% magenta, 29.6% yellow and 0.8% black. It has a hue angle of 333.8 degrees, a saturation of 97.1% and a lightness of 73.1%. #fd78b2 color hex could be obtained by blending #fff0ff with #fb0065. Closest websafe color is: #ff6699.

♥
- f
- t
- g
- R 99
- G 47
- B 70
RGB color chart
- C 0
- M 53
- Y 30
- K 1
CMYK color chart

● #fd78b2 color description : Soft pink.

The hexadecimal color #fd78b2 has RGB values of R:253, G:120, B:178 and CMYK values of C:0, M:0.53, Y:0.3, K:0.01. Its decimal value is 16611506.

Hex triplet	fd78b2	`#fd78b2`
RGB Decimal	253, 120, 178	`rgb(253,120,178)`
RGB Percent	99.2, 47.1, 69.8	`rgb(99.2%,47.1%,69.8%)`
CMYK	0, 53, 30, 1
HSL	333.8°, 97.1, 73.1	`hsl(333.8,97.1%,73.1%)`
HSV (or HSB)	333.8°, 52.6, 99.2
Web Safe	ff6699	`#ff6699`

CIE-LAB	67.676, 56.642, -6.292
XYZ	55.261, 37.534, 46.451
xyY	0.397, 0.27, 37.534
CIE-LCH	67.676, 56.991, 353.662
CIE-LUV	67.676, 82.627, -19.761
Hunter-Lab	61.265, 53.792, -2.069
Binary	11111101, 01111000, 10110010

#fd78b2
```
#fd78b2 rgb(253,120,178)
```
#78fdc3
```
#78fdc3 rgb(120,253,195)
```

Complementary Color

#fd78f5
```
#fd78f5 rgb(253,120,245)
```
#fd78b2
```
#fd78b2 rgb(253,120,178)
```
#fd8178
```
#fd8178 rgb(253,129,120)
```

Analogous Color

#78f5fd
```
#78f5fd rgb(120,245,253)
```
#fd78b2
```
#fd78b2 rgb(253,120,178)
```
#78fd81
```
#78fd81 rgb(120,253,129)
```

Split Complementary Color

#78b2fd
```
#78b2fd rgb(120,178,253)
```
#fd78b2
```
#fd78b2 rgb(253,120,178)
```
#b2fd78
```
#b2fd78 rgb(178,253,120)
```

Triadic Color

#c378fd
```
#c378fd rgb(195,120,253)
```
#fd78b2
```
#fd78b2 rgb(253,120,178)
```
#b2fd78
```
#b2fd78 rgb(178,253,120)
```
#78fdc3
```
#78fdc3 rgb(120,253,195)
```

Tetradic Color

#fc2d87
```
#fc2d87 rgb(252,45,135)
```
#fc4695
```
#fc4695 rgb(252,70,149)
```
#fd5fa4
```
#fd5fa4 rgb(253,95,164)
```
#fd78b2
```
#fd78b2 rgb(253,120,178)
```
#fd91c0
```
#fd91c0 rgb(253,145,192)
```
#feaacf
```
#feaacf rgb(254,170,207)
```
#fec3dd
```
#fec3dd rgb(254,195,221)
```

Monochromatic Color

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

#fd78d3
```
#fd78d3 rgb(253,120,211)
```
#fd78c8
```
#fd78c8 rgb(253,120,200)
```
#fd78bd
```
#fd78bd rgb(253,120,189)
```
#fd78b2
```
#fd78b2 rgb(253,120,178)
```
#fd78a7
```
#fd78a7 rgb(253,120,167)
```
#fd789c
```
#fd789c rgb(253,120,156)
```
#fd7891
```
#fd7891 rgb(253,120,145)
```

Similar Colors

Text with hexadecimal color #fd78b2

This text has a font color of #fd78b2.

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

#fd78b2 background color

This paragraph has a background color of #fd78b2.

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

#fd78b2 border color

This element has a border color of #fd78b2.

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

CSS codes

.text {color:#fd78b2;}

.background {background-color:#fd78b2;}

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

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, #000000 is the darkest color, while #ffecf4 is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#140009
```
#140009 rgb(20,0,9)
```
#270111
```
#270111 rgb(39,1,17)
```
#3a011a
```
#3a011a rgb(58,1,26)
```
#4e0122
```
#4e0122 rgb(78,1,34)
```
#61012b
```
#61012b rgb(97,1,43)
```
#740234
```
#740234 rgb(116,2,52)
```
#88023c
```
#88023c rgb(136,2,60)
```
#9b0245
```
#9b0245 rgb(155,2,69)
```
#ae034d
```
#ae034d rgb(174,3,77)
```
#c20356
```
#c20356 rgb(194,3,86)
```
#d5035f
```
#d5035f rgb(213,3,95)
```
#e80367
```
#e80367 rgb(232,3,103)
```

Shade Color Variation

#fb0470
```
#fb0470 rgb(251,4,112)
```
#fc177b
```
#fc177b rgb(252,23,123)
```
#fc2b86
```
#fc2b86 rgb(252,43,134)
```
#fc3e91
```
#fc3e91 rgb(252,62,145)
```
#fc519c
```
#fc519c rgb(252,81,156)
```
#fd65a7
```
#fd65a7 rgb(253,101,167)
```
#fd78b2
```
#fd78b2 rgb(253,120,178)
```
#fd8bbd
```
#fd8bbd rgb(253,139,189)
```
#fe9fc8
```
#fe9fc8 rgb(254,159,200)
```
#feb2d3
```
#feb2d3 rgb(254,178,211)
```
#fec5de
```
#fec5de rgb(254,197,222)
```
#fed9e9
```
#fed9e9 rgb(254,217,233)
```
#ffecf4
```
#ffecf4 rgb(255,236,244)
```

Tint Color Variation

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

#beb7ba
```
#beb7ba rgb(190,183,186)
```
#c3b2b9
```
#c3b2b9 rgb(195,178,185)
```
#c8adb9
```
#c8adb9 rgb(200,173,185)
```
#cea7b8
```
#cea7b8 rgb(206,167,184)
```
#d3a2b7
```
#d3a2b7 rgb(211,162,183)
```
#d89db7
```
#d89db7 rgb(216,157,183)
```
#dd98b6
```
#dd98b6 rgb(221,152,182)
```
#e392b5
```
#e392b5 rgb(227,146,181)
```
#e88db5
```
#e88db5 rgb(232,141,181)
```
#ed88b4
```
#ed88b4 rgb(237,136,180)
```
#f283b3
```
#f283b3 rgb(242,131,179)
```
#f87db3
```
#f87db3 rgb(248,125,179)
```
#fd78b2
```
#fd78b2 rgb(253,120,178)
```

Tone Color Variation

Below, you can see how #fd78b2 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
#b79da8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a0a7cd Protanopia 1% of men
#b7a4ac Deuteranopia 1% of men
#f9878f Tritanopia 0.001% of the population

Trichromacy

#c296c3 Protanomaly 1% of men, 0.01% of women
#d094ae Deuteranomaly 6% of men, 0.4% of women
#fa819c Tritanomaly 0.01% of the population

#fd78b2 hex color

#fd78b2 Color Information

#fd78b2 Color Conversion

Color Schemes with #fd78b2

Alternatives to #fd78b2

#fd78b2 Preview

Shades and Tints of #fd78b2

Tones of #fd78b2

Color Blindness Simulator