#f76585 hex color

In a RGB color space, hex #f76585 is composed of 96.9% red, 39.6% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 59.1% magenta, 46.2% yellow and 3.1% black. It has a hue angle of 346.8 degrees, a saturation of 90.1% and a lightness of 68.2%. #f76585 color hex could be obtained by blending #ffcaff with #ef000b. Closest websafe color is: #ff6699.

♥
- f
- t
- g
- R 97
- G 40
- B 52
RGB color chart
- C 0
- M 59
- Y 46
- K 3
CMYK color chart

● #f76585 color description : Soft red.

The hexadecimal color #f76585 has RGB values of R:247, G:101, B:133 and CMYK values of C:0, M:0.59, Y:0.46, K:0.03. Its decimal value is 16213381.

Hex triplet	f76585	`#f76585`
RGB Decimal	247, 101, 133	`rgb(247,101,133)`
RGB Percent	96.9, 39.6, 52.2	`rgb(96.9%,39.6%,52.2%)`
CMYK	0, 59, 46, 3
HSL	346.8°, 90.1, 68.2	`hsl(346.8,90.1%,68.2%)`
HSV (or HSB)	346.8°, 59.1, 96.9
Web Safe	ff6699	`#ff6699`

CIE-LAB	62.321, 58.487, 11.528
XYZ	47.246, 30.779, 25.642
xyY	0.456, 0.297, 30.779
CIE-LCH	62.321, 59.612, 11.151
CIE-LUV	62.321, 101.058, 3.642
Hunter-Lab	55.479, 54.923, 11.432
Binary	11110111, 01100101, 10000101

#f76585
```
#f76585 rgb(247,101,133)
```
#65f7d7
```
#65f7d7 rgb(101,247,215)
```

Complementary Color

#f765ce
```
#f765ce rgb(247,101,206)
```
#f76585
```
#f76585 rgb(247,101,133)
```
#f78e65
```
#f78e65 rgb(247,142,101)
```

Analogous Color

#65cef7
```
#65cef7 rgb(101,206,247)
```
#f76585
```
#f76585 rgb(247,101,133)
```
#65f78e
```
#65f78e rgb(101,247,142)
```

Split Complementary Color

#6585f7
```
#6585f7 rgb(101,133,247)
```
#f76585
```
#f76585 rgb(247,101,133)
```
#85f765
```
#85f765 rgb(133,247,101)
```

Triadic Color

#d765f7
```
#d765f7 rgb(215,101,247)
```
#f76585
```
#f76585 rgb(247,101,133)
```
#85f765
```
#85f765 rgb(133,247,101)
```
#65f7d7
```
#65f7d7 rgb(101,247,215)
```

Tetradic Color

#f31c4b
```
#f31c4b rgb(243,28,75)
```
#f4355f
```
#f4355f rgb(244,53,95)
```
#f64d72
```
#f64d72 rgb(246,77,114)
```
#f76585
```
#f76585 rgb(247,101,133)
```
#f87d98
```
#f87d98 rgb(248,125,152)
```
#fa95ab
```
#fa95ab rgb(250,149,171)
```
#fbaebf
```
#fbaebf rgb(251,174,191)
```

Monochromatic Color

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

#f765aa
```
#f765aa rgb(247,101,170)
```
#f7659d
```
#f7659d rgb(247,101,157)
```
#f76591
```
#f76591 rgb(247,101,145)
```
#f76585
```
#f76585 rgb(247,101,133)
```
#f76579
```
#f76579 rgb(247,101,121)
```
#f7656d
```
#f7656d rgb(247,101,109)
```
#f76a65
```
#f76a65 rgb(247,106,101)
```

Similar Colors

Text with hexadecimal color #f76585

This text has a font color of #f76585.

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

#f76585 background color

This paragraph has a background color of #f76585.

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

#f76585 border color

This element has a border color of #f76585.

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

CSS codes

.text {color:#f76585;}

.background {background-color:#f76585;}

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

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, #0e0104 is the darkest color, while #fffafb is the lightest one.

#0e0104
```
#0e0104 rgb(14,1,4)
```
#200208
```
#200208 rgb(32,2,8)
```
#33030d
```
#33030d rgb(51,3,13)
```
#460412
```
#460412 rgb(70,4,18)
```
#580517
```
#580517 rgb(88,5,23)
```
#6b061c
```
#6b061c rgb(107,6,28)
```
#7e0721
```
#7e0721 rgb(126,7,33)
```
#900725
```
#900725 rgb(144,7,37)
```
#a3082a
```
#a3082a rgb(163,8,42)
```
#b6092f
```
#b6092f rgb(182,9,47)
```
#c80a34
```
#c80a34 rgb(200,10,52)
```
#db0b39
```
#db0b39 rgb(219,11,57)
```
#ee0c3e
```
#ee0c3e rgb(238,12,62)
```

Shade Color Variation

#f31a4a
```
#f31a4a rgb(243,26,74)
```
#f42d59
```
#f42d59 rgb(244,45,89)
```
#f54067
```
#f54067 rgb(245,64,103)
```
#f65276
```
#f65276 rgb(246,82,118)
```
#f76585
```
#f76585 rgb(247,101,133)
```
#f87894
```
#f87894 rgb(248,120,148)
```
#f98aa3
```
#f98aa3 rgb(249,138,163)
```
#fa9db1
```
#fa9db1 rgb(250,157,177)
```
#fbb0c0
```
#fbb0c0 rgb(251,176,192)
```
#fcc2cf
```
#fcc2cf rgb(252,194,207)
```
#fdd5de
```
#fdd5de rgb(253,213,222)
```
#fee8ec
```
#fee8ec rgb(254,232,236)
```
#fffafb
```
#fffafb rgb(255,250,251)
```

Tint Color Variation

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

#b2aaab
```
#b2aaab rgb(178,170,171)
```
#b9a3a8
```
#b9a3a8 rgb(185,163,168)
```
#bf9da4
```
#bf9da4 rgb(191,157,164)
```
#c597a1
```
#c597a1 rgb(197,151,161)
```
#cb919d
```
#cb919d rgb(203,145,157)
```
#d28a9a
```
#d28a9a rgb(210,138,154)
```
#d88496
```
#d88496 rgb(216,132,150)
```
#de7e93
```
#de7e93 rgb(222,126,147)
```
#e4788f
```
#e4788f rgb(228,120,143)
```
#eb718c
```
#eb718c rgb(235,113,140)
```
#f16b88
```
#f16b88 rgb(241,107,136)
```
#f76585
```
#f76585 rgb(247,101,133)
```
#fd5f82
```
#fd5f82 rgb(253,95,130)
```

Tone Color Variation

Below, you can see how #f76585 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

#949494 Achromatopsia 0.005% of the population
#a88b91 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9d9ba1 Protanopia 1% of men
#b39681 Deuteranopia 1% of men
#f67077 Tritanopia 0.001% of the population

Trichromacy

#bd8797 Protanomaly 1% of men, 0.01% of women
#cc8483 Deuteranomaly 6% of men, 0.4% of women
#f66c7c Tritanomaly 0.01% of the population

#f76585 hex color

#f76585 Color Information

#f76585 Color Conversion

Color Schemes with #f76585

Alternatives to #f76585

#f76585 Preview

Shades and Tints of #f76585

Tones of #f76585

Color Blindness Simulator