#f06084 hex color

In a RGB color space, hex #f06084 is composed of 94.1% red, 37.6% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 60% magenta, 45% yellow and 5.9% black. It has a hue angle of 345 degrees, a saturation of 82.8% and a lightness of 65.9%. #f06084 color hex could be obtained by blending #ffc0ff with #e10009. 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

● #f06084 color description : Soft red.

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

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

CIE-LAB	60.392, 58.343, 9.227
XYZ	44.284, 28.561, 25.009
xyY	0.453, 0.292, 28.561
CIE-LCH	60.392, 59.068, 8.987
CIE-LUV	60.392, 98.578, 0.758
Hunter-Lab	53.442, 54.386, 9.664
Binary	11110000, 01100000, 10000100

#f06084
```
#f06084 rgb(240,96,132)
```
#60f0cc
```
#60f0cc rgb(96,240,204)
```

Complementary Color

#f060cc
```
#f060cc rgb(240,96,204)
```
#f06084
```
#f06084 rgb(240,96,132)
```
#f08460
```
#f08460 rgb(240,132,96)
```

Analogous Color

#60ccf0
```
#60ccf0 rgb(96,204,240)
```
#f06084
```
#f06084 rgb(240,96,132)
```
#60f084
```
#60f084 rgb(96,240,132)
```

Split Complementary Color

#6084f0
```
#6084f0 rgb(96,132,240)
```
#f06084
```
#f06084 rgb(240,96,132)
```
#84f060
```
#84f060 rgb(132,240,96)
```

Triadic Color

#cc60f0
```
#cc60f0 rgb(204,96,240)
```
#f06084
```
#f06084 rgb(240,96,132)
```
#84f060
```
#84f060 rgb(132,240,96)
```
#60f0cc
```
#60f0cc rgb(96,240,204)
```

Tetradic Color

#e91a4e
```
#e91a4e rgb(233,26,78)
```
#ec3160
```
#ec3160 rgb(236,49,96)
```
#ee4972
```
#ee4972 rgb(238,73,114)
```
#f06084
```
#f06084 rgb(240,96,132)
```
#f27796
```
#f27796 rgb(242,119,150)
```
#f48fa8
```
#f48fa8 rgb(244,143,168)
```
#f7a6ba
```
#f7a6ba rgb(247,166,186)
```

Monochromatic Color

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

#f060a8
```
#f060a8 rgb(240,96,168)
```
#f0609c
```
#f0609c rgb(240,96,156)
```
#f06090
```
#f06090 rgb(240,96,144)
```
#f06084
```
#f06084 rgb(240,96,132)
```
#f06078
```
#f06078 rgb(240,96,120)
```
#f0606c
```
#f0606c rgb(240,96,108)
```
#f06060
```
#f06060 rgb(240,96,96)
```

Similar Colors

Text with hexadecimal color #f06084

This text has a font color of #f06084.

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

#f06084 background color

This paragraph has a background color of #f06084.

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

#f06084 border color

This element has a border color of #f06084.

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

CSS codes

.text {color:#f06084;}

.background {background-color:#f06084;}

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

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)
```
#140206
```
#140206 rgb(20,2,6)
```
#26040c
```
#26040c rgb(38,4,12)
```
#380512
```
#380512 rgb(56,5,18)
```
#4a0718
```
#4a0718 rgb(74,7,24)
```
#5c091d
```
#5c091d rgb(92,9,29)
```
#6e0a23
```
#6e0a23 rgb(110,10,35)
```
#800c29
```
#800c29 rgb(128,12,41)
```
#920e2f
```
#920e2f rgb(146,14,47)
```
#a40f34
```
#a40f34 rgb(164,15,52)
```
#b6113a
```
#b6113a rgb(182,17,58)
```
#c71340
```
#c71340 rgb(199,19,64)
```
#d91546
```
#d91546 rgb(217,21,70)
```

Shade Color Variation

#e9184d
```
#e9184d rgb(233,24,77)
```
#eb2a5a
```
#eb2a5a rgb(235,42,90)
```
#ed3c68
```
#ed3c68 rgb(237,60,104)
```
#ee4e76
```
#ee4e76 rgb(238,78,118)
```
#f06084
```
#f06084 rgb(240,96,132)
```
#f27292
```
#f27292 rgb(242,114,146)
```
#f384a0
```
#f384a0 rgb(243,132,160)
```
#f596ae
```
#f596ae rgb(245,150,174)
```
#f7a8bb
```
#f7a8bb rgb(247,168,187)
```
#f8bac9
```
#f8bac9 rgb(248,186,201)
```
#faccd7
```
#faccd7 rgb(250,204,215)
```
#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, #ada3a5 is the less saturated color, while #fd537d is the most saturated one.

#ada3a5
```
#ada3a5 rgb(173,163,165)
```
#b49ca2
```
#b49ca2 rgb(180,156,162)
```
#ba969f
```
#ba969f rgb(186,150,159)
```
#c18f9b
```
#c18f9b rgb(193,143,155)
```
#c88898
```
#c88898 rgb(200,136,152)
```
#cf8195
```
#cf8195 rgb(207,129,149)
```
#d57b91
```
#d57b91 rgb(213,123,145)
```
#dc748e
```
#dc748e rgb(220,116,142)
```
#e36d8b
```
#e36d8b rgb(227,109,139)
```
#e96787
```
#e96787 rgb(233,103,135)
```
#f06084
```
#f06084 rgb(240,96,132)
```
#f75981
```
#f75981 rgb(247,89,129)
```
#fd537d
```
#fd537d rgb(253,83,125)
```

Tone Color Variation

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

#9696a0 Protanopia 1% of men
#ad9180 Deuteranopia 1% of men
#ef6c73 Tritanopia 0.001% of the population

Trichromacy

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

#f06084 hex color

#f06084 Color Information

#f06084 Color Conversion

Color Schemes with #f06084

Alternatives to #f06084

#f06084 Preview

Shades and Tints of #f06084

Tones of #f06084

Color Blindness Simulator