#f0674e hex color

In a RGB color space, hex #f0674e is composed of 94.1% red, 40.4% green and 30.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 57.1% magenta, 67.5% yellow and 5.9% black. It has a hue angle of 9.3 degrees, a saturation of 84.4% and a lightness of 62.4%. #f0674e color hex could be obtained by blending #ffce9c with #e10000. Closest websafe color is: #ff6666.

♥
- f
- t
- g
- R 94
- G 40
- B 31
RGB color chart
- C 0
- M 57
- Y 68
- K 6
CMYK color chart

● #f0674e color description : Soft red.

The hexadecimal color #f0674e has RGB values of R:240, G:103, B:78 and CMYK values of C:0, M:0.57, Y:0.68, K:0.06. Its decimal value is 15755086.

Hex triplet	f0674e	`#f0674e`
RGB Decimal	240, 103, 78	`rgb(240,103,78)`
RGB Percent	94.1, 40.4, 30.6	`rgb(94.1%,40.4%,30.6%)`
CMYK	0, 57, 68, 6
HSL	9.3°, 84.4, 62.4	`hsl(9.3,84.4%,62.4%)`
HSV (or HSB)	9.3°, 67.5, 94.1
Web Safe	ff6666	`#ff6666`

CIE-LAB	60.587, 51.211, 40.209
XYZ	42.162, 28.78, 10.542
xyY	0.517, 0.353, 28.78
CIE-LCH	60.587, 65.11, 38.138
CIE-LUV	60.587, 106.956, 34.718
Hunter-Lab	53.647, 46.404, 25.902
Binary	11110000, 01100111, 01001110

#f0674e
```
#f0674e rgb(240,103,78)
```
#4ed7f0
```
#4ed7f0 rgb(78,215,240)
```

Complementary Color

#f04e86
```
#f04e86 rgb(240,78,134)
```
#f0674e
```
#f0674e rgb(240,103,78)
```
#f0b84e
```
#f0b84e rgb(240,184,78)
```

Analogous Color

#4e86f0
```
#4e86f0 rgb(78,134,240)
```
#f0674e
```
#f0674e rgb(240,103,78)
```
#4ef0b8
```
#4ef0b8 rgb(78,240,184)
```

Split Complementary Color

#674ef0
```
#674ef0 rgb(103,78,240)
```
#f0674e
```
#f0674e rgb(240,103,78)
```
#4ef067
```
#4ef067 rgb(78,240,103)
```

Triadic Color

#f04ed7
```
#f04ed7 rgb(240,78,215)
```
#f0674e
```
#f0674e rgb(240,103,78)
```
#4ef067
```
#4ef067 rgb(78,240,103)
```
#4ed7f0
```
#4ed7f0 rgb(78,215,240)
```

Tetradic Color

#df3213
```
#df3213 rgb(223,50,19)
```
#ec3f1f
```
#ec3f1f rgb(236,63,31)
```
#ee5336
```
#ee5336 rgb(238,83,54)
```
#f0674e
```
#f0674e rgb(240,103,78)
```
#f27b66
```
#f27b66 rgb(242,123,102)
```
#f48f7d
```
#f48f7d rgb(244,143,125)
```
#f6a495
```
#f6a495 rgb(246,164,149)
```

Monochromatic Color

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

#f04e5e
```
#f04e5e rgb(240,78,94)
```
#f04e50
```
#f04e50 rgb(240,78,80)
```
#f05a4e
```
#f05a4e rgb(240,90,78)
```
#f0674e
```
#f0674e rgb(240,103,78)
```
#f0754e
```
#f0754e rgb(240,117,78)
```
#f0824e
```
#f0824e rgb(240,130,78)
```
#f0904e
```
#f0904e rgb(240,144,78)
```

Similar Colors

Text with hexadecimal color #f0674e

This text has a font color of #f0674e.

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

#f0674e background color

This paragraph has a background color of #f0674e.

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

#f0674e border color

This element has a border color of #f0674e.

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

CSS codes

.text {color:#f0674e;}

.background {background-color:#f0674e;}

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

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

#040100
```
#040100 rgb(4,1,0)
```
#160502
```
#160502 rgb(22,5,2)
```
#280903
```
#280903 rgb(40,9,3)
```
#3a0d05
```
#3a0d05 rgb(58,13,5)
```
#4c1106
```
#4c1106 rgb(76,17,6)
```
#5e1508
```
#5e1508 rgb(94,21,8)
```
#70190a
```
#70190a rgb(112,25,10)
```
#821d0b
```
#821d0b rgb(130,29,11)
```
#94220d
```
#94220d rgb(148,34,13)
```
#a7260e
```
#a7260e rgb(167,38,14)
```
#b92a10
```
#b92a10 rgb(185,42,16)
```
#cb2e11
```
#cb2e11 rgb(203,46,17)
```
#dd3213
```
#dd3213 rgb(221,50,19)
```

Shade Color Variation

#eb3818
```
#eb3818 rgb(235,56,24)
```
#ed482a
```
#ed482a rgb(237,72,42)
```
#ee573c
```
#ee573c rgb(238,87,60)
```
#f0674e
```
#f0674e rgb(240,103,78)
```
#f27760
```
#f27760 rgb(242,119,96)
```
#f38672
```
#f38672 rgb(243,134,114)
```
#f59684
```
#f59684 rgb(245,150,132)
```
#f6a596
```
#f6a596 rgb(246,165,150)
```
#f8b5a8
```
#f8b5a8 rgb(248,181,168)
```
#f9c4ba
```
#f9c4ba rgb(249,196,186)
```
#fbd4cd
```
#fbd4cd rgb(251,212,205)
```
#fce3df
```
#fce3df rgb(252,227,223)
```
#fef3f1
```
#fef3f1 rgb(254,243,241)
```

Tint Color Variation

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

#a69a98
```
#a69a98 rgb(166,154,152)
```
#ae9590
```
#ae9590 rgb(174,149,144)
```
#b59089
```
#b59089 rgb(181,144,137)
```
#bc8b82
```
#bc8b82 rgb(188,139,130)
```
#c4867a
```
#c4867a rgb(196,134,122)
```
#cb8173
```
#cb8173 rgb(203,129,115)
```
#d27b6c
```
#d27b6c rgb(210,123,108)
```
#da7664
```
#da7664 rgb(218,118,100)
```
#e1715d
```
#e1715d rgb(225,113,93)
```
#e96c55
```
#e96c55 rgb(233,108,85)
```
#f0674e
```
#f0674e rgb(240,103,78)
```
#f76247
```
#f76247 rgb(247,98,71)
```
#ff5d3f
```
#ff5d3f rgb(255,93,63)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#a18580 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a49764 Protanopia 1% of men
#b9914e Deuteranopia 1% of men
#f26b71 Tritanopia 0.001% of the population

Trichromacy

#bf855c Protanomaly 1% of men, 0.01% of women
#cd814e Deuteranomaly 6% of men, 0.4% of women
#f16964 Tritanomaly 0.01% of the population

#f0674e hex color

#f0674e Color Information

#f0674e Color Conversion

Color Schemes with #f0674e

Alternatives to #f0674e

#f0674e Preview

Shades and Tints of #f0674e

Tones of #f0674e

Color Blindness Simulator