#f2704e hex color

In a RGB color space, hex #f2704e is composed of 94.9% red, 43.9% green and 30.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 53.7% magenta, 67.8% yellow and 5.1% black. It has a hue angle of 12.4 degrees, a saturation of 86.3% and a lightness of 62.7%. #f2704e color hex could be obtained by blending #ffe09c with #e50000. Closest websafe color is: #ff6666.

♥
- f
- t
- g
- R 95
- G 44
- B 31
RGB color chart
- C 0
- M 54
- Y 68
- K 5
CMYK color chart

● #f2704e color description : Soft red.

The hexadecimal color #f2704e has RGB values of R:242, G:112, B:78 and CMYK values of C:0, M:0.54, Y:0.68, K:0.05. Its decimal value is 15888462.

Hex triplet	f2704e	`#f2704e`
RGB Decimal	242, 112, 78	`rgb(242,112,78)`
RGB Percent	94.9, 43.9, 30.6	`rgb(94.9%,43.9%,30.6%)`
CMYK	0, 54, 68, 5
HSL	12.4°, 86.3, 62.7	`hsl(12.4,86.3%,62.7%)`
HSV (or HSB)	12.4°, 67.8, 94.9
Web Safe	ff6666	`#ff6666`

CIE-LAB	62.524, 47.703, 42.554
XYZ	43.789, 31.02, 10.889
xyY	0.511, 0.362, 31.02
CIE-LCH	62.524, 63.924, 41.735
CIE-LUV	62.524, 101.986, 38.193
Hunter-Lab	55.695, 42.873, 27.395
Binary	11110010, 01110000, 01001110

#f2704e
```
#f2704e rgb(242,112,78)
```
#4ed0f2
```
#4ed0f2 rgb(78,208,242)
```

Complementary Color

#f24e7e
```
#f24e7e rgb(242,78,126)
```
#f2704e
```
#f2704e rgb(242,112,78)
```
#f2c24e
```
#f2c24e rgb(242,194,78)
```

Analogous Color

#4e7ef2
```
#4e7ef2 rgb(78,126,242)
```
#f2704e
```
#f2704e rgb(242,112,78)
```
#4ef2c2
```
#4ef2c2 rgb(78,242,194)
```

Split Complementary Color

#704ef2
```
#704ef2 rgb(112,78,242)
```
#f2704e
```
#f2704e rgb(242,112,78)
```
#4ef270
```
#4ef270 rgb(78,242,112)
```

Triadic Color

#f24ed0
```
#f24ed0 rgb(242,78,208)
```
#f2704e
```
#f2704e rgb(242,112,78)
```
#4ef270
```
#4ef270 rgb(78,242,112)
```
#4ed0f2
```
#4ed0f2 rgb(78,208,242)
```

Tetradic Color

#e33c11
```
#e33c11 rgb(227,60,17)
```
#ef4a1e
```
#ef4a1e rgb(239,74,30)
```
#f05d36
```
#f05d36 rgb(240,93,54)
```
#f2704e
```
#f2704e rgb(242,112,78)
```
#f48366
```
#f48366 rgb(244,131,102)
```
#f5967e
```
#f5967e rgb(245,150,126)
```
#f7aa95
```
#f7aa95 rgb(247,170,149)
```

Monochromatic Color

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

#f24e55
```
#f24e55 rgb(242,78,85)
```
#f2554e
```
#f2554e rgb(242,85,78)
```
#f2624e
```
#f2624e rgb(242,98,78)
```
#f2704e
```
#f2704e rgb(242,112,78)
```
#f27e4e
```
#f27e4e rgb(242,126,78)
```
#f28b4e
```
#f28b4e rgb(242,139,78)
```
#f2994e
```
#f2994e rgb(242,153,78)
```

Similar Colors

Text with hexadecimal color #f2704e

This text has a font color of #f2704e.

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

#f2704e background color

This paragraph has a background color of #f2704e.

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

#f2704e border color

This element has a border color of #f2704e.

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

CSS codes

.text {color:#f2704e;}

.background {background-color:#f2704e;}

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

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

#060200
```
#060200 rgb(6,2,0)
```
#180602
```
#180602 rgb(24,6,2)
```
#2a0b03
```
#2a0b03 rgb(42,11,3)
```
#3d1004
```
#3d1004 rgb(61,16,4)
```
#4f1506
```
#4f1506 rgb(79,21,6)
```
#611a07
```
#611a07 rgb(97,26,7)
```
#731f08
```
#731f08 rgb(115,31,8)
```
#86230a
```
#86230a rgb(134,35,10)
```
#98280b
```
#98280b rgb(152,40,11)
```
#aa2d0d
```
#aa2d0d rgb(170,45,13)
```
#bc320e
```
#bc320e rgb(188,50,14)
```
#cf370f
```
#cf370f rgb(207,55,15)
```
#e13c11
```
#e13c11 rgb(225,60,17)
```

Shade Color Variation

#ee4417
```
#ee4417 rgb(238,68,23)
```
#ef5229
```
#ef5229 rgb(239,82,41)
```
#f1613c
```
#f1613c rgb(241,97,60)
```
#f2704e
```
#f2704e rgb(242,112,78)
```
#f37f60
```
#f37f60 rgb(243,127,96)
```
#f58e73
```
#f58e73 rgb(245,142,115)
```
#f69c85
```
#f69c85 rgb(246,156,133)
```
#f7ab97
```
#f7ab97 rgb(247,171,151)
```
#f9baa9
```
#f9baa9 rgb(249,186,169)
```
#fac9bc
```
#fac9bc rgb(250,201,188)
```
#fbd7ce
```
#fbd7ce rgb(251,215,206)
```
#fde6e0
```
#fde6e0 rgb(253,230,224)
```
#fef5f2
```
#fef5f2 rgb(254,245,242)
```

Tint Color Variation

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

#a29f9e
```
#a29f9e rgb(162,159,158)
```
#a99b97
```
#a99b97 rgb(169,155,151)
```
#b09690
```
#b09690 rgb(176,150,144)
```
#b89288
```
#b89288 rgb(184,146,136)
```
#bf8e81
```
#bf8e81 rgb(191,142,129)
```
#c68a7a
```
#c68a7a rgb(198,138,122)
```
#cd8573
```
#cd8573 rgb(205,133,115)
```
#d5816b
```
#d5816b rgb(213,129,107)
```
#dc7d64
```
#dc7d64 rgb(220,125,100)
```
#e3795d
```
#e3795d rgb(227,121,93)
```
#eb7455
```
#eb7455 rgb(235,116,85)
```
#f2704e
```
#f2704e rgb(242,112,78)
```
#f96c47
```
#f96c47 rgb(249,108,71)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#a68c85 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aa9c63 Protanopia 1% of men
#bf954f Deuteranopia 1% of men
#f47279 Tritanopia 0.001% of the population

Trichromacy

#c48c5b Protanomaly 1% of men, 0.01% of women
#d1874e Deuteranomaly 6% of men, 0.4% of women
#f37169 Tritanomaly 0.01% of the population

#f2704e hex color

#f2704e Color Information

#f2704e Color Conversion

Color Schemes with #f2704e

Alternatives to #f2704e

#f2704e Preview

Shades and Tints of #f2704e

Tones of #f2704e

Color Blindness Simulator