#f06093 hex color

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

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

● #f06093 color description : Soft pink.

The hexadecimal color #f06093 has RGB values of R:240, G:96, B:147 and CMYK values of C:0, M:0.6, Y:0.39, K:0.06. Its decimal value is 15753363.

Hex triplet	f06093	`#f06093`
RGB Decimal	240, 96, 147	`rgb(240,96,147)`
RGB Percent	94.1, 37.6, 57.6	`rgb(94.1%,37.6%,57.6%)`
CMYK	0, 60, 39, 6
HSL	338.8°, 82.8, 65.9	`hsl(338.8,82.8%,65.9%)`
HSV (or HSB)	338.8°, 60, 94.1
Web Safe	ff6699	`#ff6699`

CIE-LAB	60.783, 59.846, 1.082
XYZ	45.385, 29.002, 30.81
xyY	0.431, 0.276, 29.002
CIE-LCH	60.783, 59.856, 1.036
CIE-LUV	60.783, 94.091, -10.024
Hunter-Lab	53.853, 56.19, 3.777
Binary	11110000, 01100000, 10010011

#f06093
```
#f06093 rgb(240,96,147)
```
#60f0bd
```
#60f0bd rgb(96,240,189)
```

Complementary Color

#f060db
```
#f060db rgb(240,96,219)
```
#f06093
```
#f06093 rgb(240,96,147)
```
#f07560
```
#f07560 rgb(240,117,96)
```

Analogous Color

#60dbf0
```
#60dbf0 rgb(96,219,240)
```
#f06093
```
#f06093 rgb(240,96,147)
```
#60f075
```
#60f075 rgb(96,240,117)
```

Split Complementary Color

#6093f0
```
#6093f0 rgb(96,147,240)
```
#f06093
```
#f06093 rgb(240,96,147)
```
#93f060
```
#93f060 rgb(147,240,96)
```

Triadic Color

#bd60f0
```
#bd60f0 rgb(189,96,240)
```
#f06093
```
#f06093 rgb(240,96,147)
```
#93f060
```
#93f060 rgb(147,240,96)
```
#60f0bd
```
#60f0bd rgb(96,240,189)
```

Tetradic Color

#e91a64
```
#e91a64 rgb(233,26,100)
```
#ec3173
```
#ec3173 rgb(236,49,115)
```
#ee4983
```
#ee4983 rgb(238,73,131)
```
#f06093
```
#f06093 rgb(240,96,147)
```
#f277a3
```
#f277a3 rgb(242,119,163)
```
#f48fb3
```
#f48fb3 rgb(244,143,179)
```
#f7a6c2
```
#f7a6c2 rgb(247,166,194)
```

Monochromatic Color

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

#f060b7
```
#f060b7 rgb(240,96,183)
```
#f060ab
```
#f060ab rgb(240,96,171)
```
#f0609f
```
#f0609f rgb(240,96,159)
```
#f06093
```
#f06093 rgb(240,96,147)
```
#f06087
```
#f06087 rgb(240,96,135)
```
#f0607b
```
#f0607b rgb(240,96,123)
```
#f0606f
```
#f0606f rgb(240,96,111)
```

Similar Colors

Text with hexadecimal color #f06093

This text has a font color of #f06093.

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

#f06093 background color

This paragraph has a background color of #f06093.

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

#f06093 border color

This element has a border color of #f06093.

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

CSS codes

.text {color:#f06093;}

.background {background-color:#f06093;}

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

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 #feeff4 is the lightest one.

#020001
```
#020001 rgb(2,0,1)
```
#140208
```
#140208 rgb(20,2,8)
```
#260410
```
#260410 rgb(38,4,16)
```
#380517
```
#380517 rgb(56,5,23)
```
#4a071f
```
#4a071f rgb(74,7,31)
```
#5c0926
```
#5c0926 rgb(92,9,38)
```
#6e0a2e
```
#6e0a2e rgb(110,10,46)
```
#800c35
```
#800c35 rgb(128,12,53)
```
#920e3c
```
#920e3c rgb(146,14,60)
```
#a40f44
```
#a40f44 rgb(164,15,68)
```
#b6114b
```
#b6114b rgb(182,17,75)
```
#c71353
```
#c71353 rgb(199,19,83)
```
#d9155a
```
#d9155a rgb(217,21,90)
```

Shade Color Variation

#e91862
```
#e91862 rgb(233,24,98)
```
#eb2a6e
```
#eb2a6e rgb(235,42,110)
```
#ed3c7b
```
#ed3c7b rgb(237,60,123)
```
#ee4e87
```
#ee4e87 rgb(238,78,135)
```
#f06093
```
#f06093 rgb(240,96,147)
```
#f2729f
```
#f2729f rgb(242,114,159)
```
#f384ab
```
#f384ab rgb(243,132,171)
```
#f596b8
```
#f596b8 rgb(245,150,184)
```
#f7a8c4
```
#f7a8c4 rgb(247,168,196)
```
#f8bad0
```
#f8bad0 rgb(248,186,208)
```
#faccdc
```
#faccdc rgb(250,204,220)
```
#fcdde8
```
#fcdde8 rgb(252,221,232)
```
#feeff4
```
#feeff4 rgb(254,239,244)
```

Tint Color Variation

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

#ada3a7
```
#ada3a7 rgb(173,163,167)
```
#b49ca5
```
#b49ca5 rgb(180,156,165)
```
#ba96a3
```
#ba96a3 rgb(186,150,163)
```
#c18fa1
```
#c18fa1 rgb(193,143,161)
```
#c8889f
```
#c8889f rgb(200,136,159)
```
#cf819d
```
#cf819d rgb(207,129,157)
```
#d57b9b
```
#d57b9b rgb(213,123,155)
```
#dc7499
```
#dc7499 rgb(220,116,153)
```
#e36d97
```
#e36d97 rgb(227,109,151)
```
#e96795
```
#e96795 rgb(233,103,149)
```
#f06093
```
#f06093 rgb(240,96,147)
```
#f75991
```
#f75991 rgb(247,89,145)
```
#fd538f
```
#fd538f rgb(253,83,143)
```

Tone Color Variation

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

#919191 Achromatopsia 0.005% of the population
#a48791 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9297b1 Protanopia 1% of men
#a9938e Deuteranopia 1% of men
#ee6f76 Tritanopia 0.001% of the population

Trichromacy

#b483a6 Protanomaly 1% of men, 0.01% of women
#c38090 Deuteranomaly 6% of men, 0.4% of women
#ee6980 Tritanomaly 0.01% of the population

#f06093 hex color

#f06093 Color Information

#f06093 Color Conversion

Color Schemes with #f06093

Alternatives to #f06093

#f06093 Preview

Shades and Tints of #f06093

Tones of #f06093

Color Blindness Simulator