#f06085 hex color

In a RGB color space, hex #f06085 is composed of 94.1% red, 37.6% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 60% magenta, 44.6% yellow and 5.9% black. It has a hue angle of 344.6 degrees, a saturation of 82.8% and a lightness of 65.9%. #f06085 color hex could be obtained by blending #ffc0ff with #e1000b. Closest websafe color is: #ff6699.

♥
- f
- t
- g
- R 94
- G 38
- B 52
RGB color chart
- C 0
- M 60
- Y 45
- K 6
CMYK color chart

● #f06085 color description : Soft pink.

The hexadecimal color #f06085 has RGB values of R:240, G:96, B:133 and CMYK values of C:0, M:0.6, Y:0.45, K:0.06. Its decimal value is 15753349.

Hex triplet	f06085	`#f06085`
RGB Decimal	240, 96, 133	`rgb(240,96,133)`
RGB Percent	94.1, 37.6, 52.2	`rgb(94.1%,37.6%,52.2%)`
CMYK	0, 60, 45, 6
HSL	344.6°, 82.8, 65.9	`hsl(344.6,82.8%,65.9%)`
HSV (or HSB)	344.6°, 60, 94.1
Web Safe	ff6699	`#ff6699`

CIE-LAB	60.417, 58.438, 8.681
XYZ	44.353, 28.589, 25.371
xyY	0.451, 0.291, 28.589
CIE-LCH	60.417, 59.079, 8.45
CIE-LUV	60.417, 98.287, 0.06
Hunter-Lab	53.468, 54.499, 9.294
Binary	11110000, 01100000, 10000101

#f06085
```
#f06085 rgb(240,96,133)
```
#60f0cb
```
#60f0cb rgb(96,240,203)
```

Complementary Color

#f060cd
```
#f060cd rgb(240,96,205)
```
#f06085
```
#f06085 rgb(240,96,133)
```
#f08360
```
#f08360 rgb(240,131,96)
```

Analogous Color

#60cdf0
```
#60cdf0 rgb(96,205,240)
```
#f06085
```
#f06085 rgb(240,96,133)
```
#60f083
```
#60f083 rgb(96,240,131)
```

Split Complementary Color

#6085f0
```
#6085f0 rgb(96,133,240)
```
#f06085
```
#f06085 rgb(240,96,133)
```
#85f060
```
#85f060 rgb(133,240,96)
```

Triadic Color

#cb60f0
```
#cb60f0 rgb(203,96,240)
```
#f06085
```
#f06085 rgb(240,96,133)
```
#85f060
```
#85f060 rgb(133,240,96)
```
#60f0cb
```
#60f0cb rgb(96,240,203)
```

Tetradic Color

#e91a4f
```
#e91a4f rgb(233,26,79)
```
#ec3161
```
#ec3161 rgb(236,49,97)
```
#ee4973
```
#ee4973 rgb(238,73,115)
```
#f06085
```
#f06085 rgb(240,96,133)
```
#f27797
```
#f27797 rgb(242,119,151)
```
#f48fa9
```
#f48fa9 rgb(244,143,169)
```
#f7a6bb
```
#f7a6bb rgb(247,166,187)
```

Monochromatic Color

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

#f060a9
```
#f060a9 rgb(240,96,169)
```
#f0609d
```
#f0609d rgb(240,96,157)
```
#f06091
```
#f06091 rgb(240,96,145)
```
#f06085
```
#f06085 rgb(240,96,133)
```
#f06079
```
#f06079 rgb(240,96,121)
```
#f0606d
```
#f0606d rgb(240,96,109)
```
#f06061
```
#f06061 rgb(240,96,97)
```

Similar Colors

Text with hexadecimal color #f06085

This text has a font color of #f06085.

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

#f06085 background color

This paragraph has a background color of #f06085.

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

#f06085 border color

This element has a border color of #f06085.

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

CSS codes

.text {color:#f06085;}

.background {background-color:#f06085;}

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

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

#020001
```
#020001 rgb(2,0,1)
```
#140207
```
#140207 rgb(20,2,7)
```
#26040c
```
#26040c rgb(38,4,12)
```
#380512
```
#380512 rgb(56,5,18)
```
#4a0718
```
#4a0718 rgb(74,7,24)
```
#5c091e
```
#5c091e rgb(92,9,30)
```
#6e0a24
```
#6e0a24 rgb(110,10,36)
```
#800c2a
```
#800c2a rgb(128,12,42)
```
#920e30
```
#920e30 rgb(146,14,48)
```
#a40f36
```
#a40f36 rgb(164,15,54)
```
#b6113b
```
#b6113b rgb(182,17,59)
```
#c71341
```
#c71341 rgb(199,19,65)
```
#d91547
```
#d91547 rgb(217,21,71)
```

Shade Color Variation

#e9184e
```
#e9184e rgb(233,24,78)
```
#eb2a5c
```
#eb2a5c rgb(235,42,92)
```
#ed3c69
```
#ed3c69 rgb(237,60,105)
```
#ee4e77
```
#ee4e77 rgb(238,78,119)
```
#f06085
```
#f06085 rgb(240,96,133)
```
#f27293
```
#f27293 rgb(242,114,147)
```
#f384a1
```
#f384a1 rgb(243,132,161)
```
#f596ae
```
#f596ae rgb(245,150,174)
```
#f7a8bc
```
#f7a8bc rgb(247,168,188)
```
#f8baca
```
#f8baca rgb(248,186,202)
```
#faccd8
```
#faccd8 rgb(250,204,216)
```
#fcdde5
```
#fcdde5 rgb(252,221,229)
```
#feeff3
```
#feeff3 rgb(254,239,243)
```

Tint Color Variation

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

#ada3a6
```
#ada3a6 rgb(173,163,166)
```
#b49ca2
```
#b49ca2 rgb(180,156,162)
```
#ba969f
```
#ba969f rgb(186,150,159)
```
#c18f9c
```
#c18f9c rgb(193,143,156)
```
#c88899
```
#c88899 rgb(200,136,153)
```
#cf8195
```
#cf8195 rgb(207,129,149)
```
#d57b92
```
#d57b92 rgb(213,123,146)
```
#dc748f
```
#dc748f rgb(220,116,143)
```
#e36d8c
```
#e36d8c rgb(227,109,140)
```
#e96788
```
#e96788 rgb(233,103,136)
```
#f06085
```
#f06085 rgb(240,96,133)
```
#f75982
```
#f75982 rgb(247,89,130)
```
#fd537e
```
#fd537e rgb(253,83,126)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#a2868d Atypical Achromatopsia 0.001% of the population

Dichromacy

#9696a2 Protanopia 1% of men
#ad9281 Deuteranopia 1% of men
#ef6c73 Tritanopia 0.001% of the population

Trichromacy

#b78297 Protanomaly 1% of men, 0.01% of women
#c57f83 Deuteranomaly 6% of men, 0.4% of women
#ef6879 Tritanomaly 0.01% of the population

#f06085 hex color

#f06085 Color Information

#f06085 Color Conversion

Color Schemes with #f06085

Alternatives to #f06085

#f06085 Preview

Shades and Tints of #f06085

Tones of #f06085

Color Blindness Simulator