#f14946 hex color

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

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

● #f14946 color description : Bright red.

The hexadecimal color #f14946 has RGB values of R:241, G:73, B:70 and CMYK values of C:0, M:0.7, Y:0.71, K:0.05. Its decimal value is 15812934.

Hex triplet	f14946	`#f14946`
RGB Decimal	241, 73, 70	`rgb(241,73,70)`
RGB Percent	94.5, 28.6, 27.5	`rgb(94.5%,28.6%,27.5%)`
CMYK	0, 70, 71, 5
HSL	1.1°, 85.9, 61	`hsl(1.1,85.9%,61%)`
HSV (or HSB)	1.1°, 71, 94.5
Web Safe	ff3333	`#ff3333`

CIE-LAB	56, 63.615, 39.283
XYZ	39.765, 23.913, 8.316
xyY	0.552, 0.332, 23.913
CIE-LCH	56, 74.766, 31.696
CIE-LUV	56, 129.465, 29.091
Hunter-Lab	48.901, 59.578, 24.148
Binary	11110001, 01001001, 01000110

#f14946
```
#f14946 rgb(241,73,70)
```
#46eef1
```
#46eef1 rgb(70,238,241)
```

Complementary Color

#f14699
```
#f14699 rgb(241,70,153)
```
#f14946
```
#f14946 rgb(241,73,70)
```
#f19f46
```
#f19f46 rgb(241,159,70)
```

Analogous Color

#4699f1
```
#4699f1 rgb(70,153,241)
```
#f14946
```
#f14946 rgb(241,73,70)
```
#46f19f
```
#46f19f rgb(70,241,159)
```

Split Complementary Color

#4946f1
```
#4946f1 rgb(73,70,241)
```
#f14946
```
#f14946 rgb(241,73,70)
```
#46f149
```
#46f149 rgb(70,241,73)
```

Triadic Color

#f146ee
```
#f146ee rgb(241,70,238)
```
#f14946
```
#f14946 rgb(241,73,70)
```
#46f149
```
#46f149 rgb(70,241,73)
```
#46eef1
```
#46eef1 rgb(70,238,241)
```

Tetradic Color

#da1410
```
#da1410 rgb(218,20,16)
```
#ed1a17
```
#ed1a17 rgb(237,26,23)
```
#ef322e
```
#ef322e rgb(239,50,46)
```
#f14946
```
#f14946 rgb(241,73,70)
```
#f3605e
```
#f3605e rgb(243,96,94)
```
#f57875
```
#f57875 rgb(245,120,117)
```
#f68f8d
```
#f68f8d rgb(246,143,141)
```

Monochromatic Color

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

#f1466e
```
#f1466e rgb(241,70,110)
```
#f14660
```
#f14660 rgb(241,70,96)
```
#f14651
```
#f14651 rgb(241,70,81)
```
#f14946
```
#f14946 rgb(241,73,70)
```
#f15746
```
#f15746 rgb(241,87,70)
```
#f16646
```
#f16646 rgb(241,102,70)
```
#f17446
```
#f17446 rgb(241,116,70)
```

Similar Colors

Text with hexadecimal color #f14946

This text has a font color of #f14946.

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

#f14946 background color

This paragraph has a background color of #f14946.

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

#f14946 border color

This element has a border color of #f14946.

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

CSS codes

.text {color:#f14946;}

.background {background-color:#f14946;}

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

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

#100101
```
#100101 rgb(16,1,1)
```
#220303
```
#220303 rgb(34,3,3)
```
#340504
```
#340504 rgb(52,5,4)
```
#460605
```
#460605 rgb(70,6,5)
```
#590807
```
#590807 rgb(89,8,7)
```
#6b0a08
```
#6b0a08 rgb(107,10,8)
```
#7d0b09
```
#7d0b09 rgb(125,11,9)
```
#8f0d0b
```
#8f0d0b rgb(143,13,11)
```
#a10f0c
```
#a10f0c rgb(161,15,12)
```
#b4110e
```
#b4110e rgb(180,17,14)
```
#c6120f
```
#c6120f rgb(198,18,15)
```
#d81410
```
#d81410 rgb(216,20,16)
```
#ea1612
```
#ea1612 rgb(234,22,18)
```

Shade Color Variation

#ee2522
```
#ee2522 rgb(238,37,34)
```
#f03734
```
#f03734 rgb(240,55,52)
```
#f14946
```
#f14946 rgb(241,73,70)
```
#f25b58
```
#f25b58 rgb(242,91,88)
```
#f46d6a
```
#f46d6a rgb(244,109,106)
```
#f57f7d
```
#f57f7d rgb(245,127,125)
```
#f7918f
```
#f7918f rgb(247,145,143)
```
#f8a3a1
```
#f8a3a1 rgb(248,163,161)
```
#f9b5b3
```
#f9b5b3 rgb(249,181,179)
```
#fbc7c6
```
#fbc7c6 rgb(251,199,198)
```
#fcd9d8
```
#fcd9d8 rgb(252,217,216)
```
#fdeaea
```
#fdeaea rgb(253,234,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 #f9423e is the most saturated one.

#9d9a9a
```
#9d9a9a rgb(157,154,154)
```
#a49393
```
#a49393 rgb(164,147,147)
```
#ac8b8b
```
#ac8b8b rgb(172,139,139)
```
#b48483
```
#b48483 rgb(180,132,131)
```
#bb7d7c
```
#bb7d7c rgb(187,125,124)
```
#c37574
```
#c37574 rgb(195,117,116)
```
#cb6e6c
```
#cb6e6c rgb(203,110,108)
```
#d26765
```
#d26765 rgb(210,103,101)
```
#da5f5d
```
#da5f5d rgb(218,95,93)
```
#e25855
```
#e25855 rgb(226,88,85)
```
#e9504e
```
#e9504e rgb(233,80,78)
```
#f14946
```
#f14946 rgb(241,73,70)
```
#f9423e
```
#f9423e rgb(249,66,62)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#937170 Atypical Achromatopsia 0.001% of the population

Dichromacy

#978c62 Protanopia 1% of men
#ac8643 Deuteranopia 1% of men
#f15155 Tritanopia 0.001% of the population

Trichromacy

#b87358 Protanomaly 1% of men, 0.01% of women
#c56f44 Deuteranomaly 6% of men, 0.4% of women
#f14e4f Tritanomaly 0.01% of the population

#f14946 hex color

#f14946 Color Information

#f14946 Color Conversion

Color Schemes with #f14946

Alternatives to #f14946

#f14946 Preview

Shades and Tints of #f14946

Tones of #f14946

Color Blindness Simulator