#f14f46 hex color

In a RGB color space, hex #f14f46 is composed of 94.5% red, 31% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 67.2% magenta, 71% yellow and 5.5% black. It has a hue angle of 3.2 degrees, a saturation of 85.9% and a lightness of 61%. #f14f46 color hex could be obtained by blending #ff9e8c with #e30000. Closest websafe color is: #ff6633.

♥
- f
- t
- g
- R 95
- G 31
- B 27
RGB color chart
- C 0
- M 67
- Y 71
- K 5
CMYK color chart

● #f14f46 color description : Bright red.

The hexadecimal color #f14f46 has RGB values of R:241, G:79, B:70 and CMYK values of C:0, M:0.67, Y:0.71, K:0.05. Its decimal value is 15814470.

Hex triplet	f14f46	`#f14f46`
RGB Decimal	241, 79, 70	`rgb(241,79,70)`
RGB Percent	94.5, 31, 27.5	`rgb(94.5%,31%,27.5%)`
CMYK	0, 67, 71, 5
HSL	3.2°, 85.9, 61	`hsl(3.2,85.9%,61%)`
HSV (or HSB)	3.2°, 71, 94.5
Web Safe	ff6633	`#ff6633`

CIE-LAB	56.821, 61.37, 40.232
XYZ	40.179, 24.739, 8.454
xyY	0.548, 0.337, 24.739
CIE-LCH	56.821, 73.382, 33.247
CIE-LUV	56.821, 125.751, 30.73
Hunter-Lab	49.739, 57.149, 24.74
Binary	11110001, 01001111, 01000110

#f14f46
```
#f14f46 rgb(241,79,70)
```
#46e8f1
```
#46e8f1 rgb(70,232,241)
```

Complementary Color

#f14693
```
#f14693 rgb(241,70,147)
```
#f14f46
```
#f14f46 rgb(241,79,70)
```
#f1a546
```
#f1a546 rgb(241,165,70)
```

Analogous Color

#4693f1
```
#4693f1 rgb(70,147,241)
```
#f14f46
```
#f14f46 rgb(241,79,70)
```
#46f1a5
```
#46f1a5 rgb(70,241,165)
```

Split Complementary Color

#4f46f1
```
#4f46f1 rgb(79,70,241)
```
#f14f46
```
#f14f46 rgb(241,79,70)
```
#46f14f
```
#46f14f rgb(70,241,79)
```

Triadic Color

#f146e8
```
#f146e8 rgb(241,70,232)
```
#f14f46
```
#f14f46 rgb(241,79,70)
```
#46f14f
```
#46f14f rgb(70,241,79)
```
#46e8f1
```
#46e8f1 rgb(70,232,241)
```

Tetradic Color

#da1b10
```
#da1b10 rgb(218,27,16)
```
#ed2217
```
#ed2217 rgb(237,34,23)
```
#ef382e
```
#ef382e rgb(239,56,46)
```
#f14f46
```
#f14f46 rgb(241,79,70)
```
#f3665e
```
#f3665e rgb(243,102,94)
```
#f57c75
```
#f57c75 rgb(245,124,117)
```
#f6938d
```
#f6938d rgb(246,147,141)
```

Monochromatic Color

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

#f14668
```
#f14668 rgb(241,70,104)
```
#f1465a
```
#f1465a rgb(241,70,90)
```
#f1464b
```
#f1464b rgb(241,70,75)
```
#f14f46
```
#f14f46 rgb(241,79,70)
```
#f15d46
```
#f15d46 rgb(241,93,70)
```
#f16c46
```
#f16c46 rgb(241,108,70)
```
#f17a46
```
#f17a46 rgb(241,122,70)
```

Similar Colors

Text with hexadecimal color #f14f46

This text has a font color of #f14f46.

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

#f14f46 background color

This paragraph has a background color of #f14f46.

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

#f14f46 border color

This element has a border color of #f14f46.

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

CSS codes

.text {color:#f14f46;}

.background {background-color:#f14f46;}

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

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

#100201
```
#100201 rgb(16,2,1)
```
#220403
```
#220403 rgb(34,4,3)
```
#340604
```
#340604 rgb(52,6,4)
```
#460905
```
#460905 rgb(70,9,5)
```
#590b07
```
#590b07 rgb(89,11,7)
```
#6b0d08
```
#6b0d08 rgb(107,13,8)
```
#7d1009
```
#7d1009 rgb(125,16,9)
```
#8f120b
```
#8f120b rgb(143,18,11)
```
#a1140c
```
#a1140c rgb(161,20,12)
```
#b4160e
```
#b4160e rgb(180,22,14)
```
#c6190f
```
#c6190f rgb(198,25,15)
```
#d81b10
```
#d81b10 rgb(216,27,16)
```
#ea1d12
```
#ea1d12 rgb(234,29,18)
```

Shade Color Variation

#ee2c22
```
#ee2c22 rgb(238,44,34)
```
#f03e34
```
#f03e34 rgb(240,62,52)
```
#f14f46
```
#f14f46 rgb(241,79,70)
```
#f26058
```
#f26058 rgb(242,96,88)
```
#f4726a
```
#f4726a rgb(244,114,106)
```
#f5837d
```
#f5837d rgb(245,131,125)
```
#f7948f
```
#f7948f rgb(247,148,143)
```
#f8a6a1
```
#f8a6a1 rgb(248,166,161)
```
#f9b7b3
```
#f9b7b3 rgb(249,183,179)
```
#fbc8c6
```
#fbc8c6 rgb(251,200,198)
```
#fcdad8
```
#fcdad8 rgb(252,218,216)
```
#fdebea
```
#fdebea rgb(253,235,234)
```
#fffcfc
```
#fffcfc rgb(255,252,252)
```

Tint Color Variation

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

#9d9a9a
```
#9d9a9a rgb(157,154,154)
```
#a49393
```
#a49393 rgb(164,147,147)
```
#ac8d8b
```
#ac8d8b rgb(172,141,139)
```
#b48683
```
#b48683 rgb(180,134,131)
```
#bb7f7c
```
#bb7f7c rgb(187,127,124)
```
#c37874
```
#c37874 rgb(195,120,116)
```
#cb716c
```
#cb716c rgb(203,113,108)
```
#d26a65
```
#d26a65 rgb(210,106,101)
```
#da645d
```
#da645d rgb(218,100,93)
```
#e25d55
```
#e25d55 rgb(226,93,85)
```
#e9564e
```
#e9564e rgb(233,86,78)
```
#f14f46
```
#f14f46 rgb(241,79,70)
```
#f9483e
```
#f9483e rgb(249,72,62)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#957573 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9a8e61 Protanopia 1% of men
#ae8844 Deuteranopia 1% of men
#f2565a Tritanopia 0.001% of the population

Trichromacy

#b97757 Protanomaly 1% of men, 0.01% of women
#c67344 Deuteranomaly 6% of men, 0.4% of women
#f15353 Tritanomaly 0.01% of the population

#f14f46 hex color

#f14f46 Color Information

#f14f46 Color Conversion

Color Schemes with #f14f46

Alternatives to #f14f46

#f14f46 Preview

Shades and Tints of #f14f46

Tones of #f14f46

Color Blindness Simulator