#f06475 hex color

In a RGB color space, hex #f06475 is composed of 94.1% red, 39.2% green and 45.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 58.3% magenta, 51.3% yellow and 5.9% black. It has a hue angle of 352.7 degrees, a saturation of 82.4% and a lightness of 66.7%. #f06475 color hex could be obtained by blending #ffc8ea with #e10000. Closest websafe color is: #ff6666.

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

● #f06475 color description : Soft red.

The hexadecimal color #f06475 has RGB values of R:240, G:100, B:117 and CMYK values of C:0, M:0.58, Y:0.51, K:0.06. Its decimal value is 15754357.

Hex triplet	f06475	`#f06475`
RGB Decimal	240, 100, 117	`rgb(240,100,117)`
RGB Percent	94.1, 39.2, 45.9	`rgb(94.1%,39.2%,45.9%)`
CMYK	0, 58, 51, 6
HSL	352.7°, 82.4, 66.7	`hsl(352.7,82.4%,66.7%)`
HSV (or HSB)	352.7°, 58.3, 94.1
Web Safe	ff6666	`#ff6666`

CIE-LAB	60.718, 55.24, 18.374
XYZ	43.704, 28.928, 20.111
xyY	0.471, 0.312, 28.928
CIE-LCH	60.718, 58.216, 18.398
CIE-LUV	60.718, 100.345, 12.336
Hunter-Lab	53.785, 50.922, 15.48
Binary	11110000, 01100100, 01110101

#f06475
```
#f06475 rgb(240,100,117)
```
#64f0df
```
#64f0df rgb(100,240,223)
```

Complementary Color

#f064bb
```
#f064bb rgb(240,100,187)
```
#f06475
```
#f06475 rgb(240,100,117)
```
#f09964
```
#f09964 rgb(240,153,100)
```

Analogous Color

#64bbf0
```
#64bbf0 rgb(100,187,240)
```
#f06475
```
#f06475 rgb(240,100,117)
```
#64f099
```
#64f099 rgb(100,240,153)
```

Split Complementary Color

#6475f0
```
#6475f0 rgb(100,117,240)
```
#f06475
```
#f06475 rgb(240,100,117)
```
#75f064
```
#75f064 rgb(117,240,100)
```

Triadic Color

#df64f0
```
#df64f0 rgb(223,100,240)
```
#f06475
```
#f06475 rgb(240,100,117)
```
#75f064
```
#75f064 rgb(117,240,100)
```
#64f0df
```
#64f0df rgb(100,240,223)
```

Tetradic Color

#e91e37
```
#e91e37 rgb(233,30,55)
```
#ec354c
```
#ec354c rgb(236,53,76)
```
#ee4d60
```
#ee4d60 rgb(238,77,96)
```
#f06475
```
#f06475 rgb(240,100,117)
```
#f27b8a
```
#f27b8a rgb(242,123,138)
```
#f5939e
```
#f5939e rgb(245,147,158)
```
#f7aab3
```
#f7aab3 rgb(247,170,179)
```

Monochromatic Color

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

#f06498
```
#f06498 rgb(240,100,152)
```
#f0648c
```
#f0648c rgb(240,100,140)
```
#f06481
```
#f06481 rgb(240,100,129)
```
#f06475
```
#f06475 rgb(240,100,117)
```
#f06469
```
#f06469 rgb(240,100,105)
```
#f06a64
```
#f06a64 rgb(240,106,100)
```
#f07664
```
#f07664 rgb(240,118,100)
```

Similar Colors

Text with hexadecimal color #f06475

This text has a font color of #f06475.

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

#f06475 background color

This paragraph has a background color of #f06475.

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

#f06475 border color

This element has a border color of #f06475.

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

CSS codes

.text {color:#f06475;}

.background {background-color:#f06475;}

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

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

#060101
```
#060101 rgb(6,1,1)
```
#180205
```
#180205 rgb(24,2,5)
```
#2a0409
```
#2a0409 rgb(42,4,9)
```
#3c060c
```
#3c060c rgb(60,6,12)
```
#4d0710
```
#4d0710 rgb(77,7,16)
```
#5f0914
```
#5f0914 rgb(95,9,20)
```
#710b17
```
#710b17 rgb(113,11,23)
```
#830d1b
```
#830d1b rgb(131,13,27)
```
#950e1f
```
#950e1f rgb(149,14,31)
```
#a71022
```
#a71022 rgb(167,16,34)
```
#b91226
```
#b91226 rgb(185,18,38)
```
#cb142a
```
#cb142a rgb(203,20,42)
```
#dd152e
```
#dd152e rgb(221,21,46)
```

Shade Color Variation

#e91c35
```
#e91c35 rgb(233,28,53)
```
#eb2e45
```
#eb2e45 rgb(235,46,69)
```
#ed4055
```
#ed4055 rgb(237,64,85)
```
#ee5265
```
#ee5265 rgb(238,82,101)
```
#f06475
```
#f06475 rgb(240,100,117)
```
#f27685
```
#f27685 rgb(242,118,133)
```
#f38895
```
#f38895 rgb(243,136,149)
```
#f59aa5
```
#f59aa5 rgb(245,154,165)
```
#f7acb5
```
#f7acb5 rgb(247,172,181)
```
#f9bdc5
```
#f9bdc5 rgb(249,189,197)
```
#facfd5
```
#facfd5 rgb(250,207,213)
```
#fce1e4
```
#fce1e4 rgb(252,225,228)
```
#fef3f4
```
#fef3f4 rgb(254,243,244)
```

Tint Color Variation

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

#afa5a7
```
#afa5a7 rgb(175,165,167)
```
#b59fa2
```
#b59fa2 rgb(181,159,162)
```
#bc989d
```
#bc989d rgb(188,152,157)
```
#c29298
```
#c29298 rgb(194,146,152)
```
#c98b93
```
#c98b93 rgb(201,139,147)
```
#cf858e
```
#cf858e rgb(207,133,142)
```
#d67e89
```
#d67e89 rgb(214,126,137)
```
#dc7884
```
#dc7884 rgb(220,120,132)
```
#e3717f
```
#e3717f rgb(227,113,127)
```
#e96b7a
```
#e96b7a rgb(233,107,122)
```
#f06475
```
#f06475 rgb(240,100,117)
```
#f75d70
```
#f75d70 rgb(247,93,112)
```
#fd576b
```
#fd576b rgb(253,87,107)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#a3878b Atypical Achromatopsia 0.001% of the population

Dichromacy

#9c978f Protanopia 1% of men
#b29273 Deuteranopia 1% of men
#f06d74 Tritanopia 0.001% of the population

Trichromacy

#bb8485 Protanomaly 1% of men, 0.01% of women
#c88174 Deuteranomaly 6% of men, 0.4% of women
#f06a74 Tritanomaly 0.01% of the population

#f06475 hex color

#f06475 Color Information

#f06475 Color Conversion

Color Schemes with #f06475

Alternatives to #f06475

#f06475 Preview

Shades and Tints of #f06475

Tones of #f06475

Color Blindness Simulator