#f14d22 hex color

In a RGB color space, hex #f14d22 is composed of 94.5% red, 30.2% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 68% magenta, 85.9% yellow and 5.5% black. It has a hue angle of 12.5 degrees, a saturation of 88.1% and a lightness of 53.9%. #f14d22 color hex could be obtained by blending #ff9a44 with #e30000. Closest websafe color is: #ff6633.

♥
- f
- t
- g
- R 95
- G 30
- B 13
RGB color chart
- C 0
- M 68
- Y 86
- K 5
CMYK color chart

● #f14d22 color description : Vivid red.

The hexadecimal color #f14d22 has RGB values of R:241, G:77, B:34 and CMYK values of C:0, M:0.68, Y:0.86, K:0.05. Its decimal value is 15813922.

Hex triplet	f14d22	`#f14d22`
RGB Decimal	241, 77, 34	`rgb(241,77,34)`
RGB Percent	94.5, 30.2, 13.3	`rgb(94.5%,30.2%,13.3%)`
CMYK	0, 68, 86, 5
HSL	12.5°, 88.1, 53.9	`hsl(12.5,88.1%,53.9%)`
HSV (or HSB)	12.5°, 85.9, 94.5
Web Safe	ff6633	`#ff6633`

CIE-LAB	56.216, 60.966, 57.446
XYZ	39.22, 24.129, 4.105
xyY	0.581, 0.358, 24.129
CIE-LCH	56.216, 83.767, 43.297
CIE-LUV	56.216, 132.707, 41.566
Hunter-Lab	49.121, 56.56, 29.429
Binary	11110001, 01001101, 00100010

#f14d22
```
#f14d22 rgb(241,77,34)
```
#22c6f1
```
#22c6f1 rgb(34,198,241)
```

Complementary Color

#f1225e
```
#f1225e rgb(241,34,94)
```
#f14d22
```
#f14d22 rgb(241,77,34)
```
#f1b522
```
#f1b522 rgb(241,181,34)
```

Analogous Color

#225ef1
```
#225ef1 rgb(34,94,241)
```
#f14d22
```
#f14d22 rgb(241,77,34)
```
#22f1b5
```
#22f1b5 rgb(34,241,181)
```

Split Complementary Color

#4d22f1
```
#4d22f1 rgb(77,34,241)
```
#f14d22
```
#f14d22 rgb(241,77,34)
```
#22f14d
```
#22f14d rgb(34,241,77)
```

Triadic Color

#f122c6
```
#f122c6 rgb(241,34,198)
```
#f14d22
```
#f14d22 rgb(241,77,34)
```
#22f14d
```
#22f14d rgb(34,241,77)
```
#22c6f1
```
#22c6f1 rgb(34,198,241)
```

Tetradic Color

#bb300c
```
#bb300c rgb(187,48,12)
```
#d3360d
```
#d3360d rgb(211,54,13)
```
#eb3d0f
```
#eb3d0f rgb(235,61,15)
```
#f14d22
```
#f14d22 rgb(241,77,34)
```
#f3603a
```
#f3603a rgb(243,96,58)
```
#f47452
```
#f47452 rgb(244,116,82)
```
#f6876a
```
#f6876a rgb(246,135,106)
```

Monochromatic Color

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

#f1222b
```
#f1222b rgb(241,34,43)
```
#f12b22
```
#f12b22 rgb(241,43,34)
```
#f13c22
```
#f13c22 rgb(241,60,34)
```
#f14d22
```
#f14d22 rgb(241,77,34)
```
#f15e22
```
#f15e22 rgb(241,94,34)
```
#f17022
```
#f17022 rgb(241,112,34)
```
#f18122
```
#f18122 rgb(241,129,34)
```

Similar Colors

Text with hexadecimal color #f14d22

This text has a font color of #f14d22.

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

#f14d22 background color

This paragraph has a background color of #f14d22.

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

#f14d22 border color

This element has a border color of #f14d22.

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

CSS codes

.text {color:#f14d22;}

.background {background-color:#f14d22;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#130501
```
#130501 rgb(19,5,1)
```
#250a02
```
#250a02 rgb(37,10,2)
```
#380e04
```
#380e04 rgb(56,14,4)
```
#4a1305
```
#4a1305 rgb(74,19,5)
```
#5d1806
```
#5d1806 rgb(93,24,6)
```
#6f1d07
```
#6f1d07 rgb(111,29,7)
```
#812108
```
#812108 rgb(129,33,8)
```
#942609
```
#942609 rgb(148,38,9)
```
#a62b0b
```
#a62b0b rgb(166,43,11)
```
#b9300c
```
#b9300c rgb(185,48,12)
```
#cb340d
```
#cb340d rgb(203,52,13)
```
#de390e
```
#de390e rgb(222,57,14)
```

Shade Color Variation

#f03e10
```
#f03e10 rgb(240,62,16)
```
#f14d22
```
#f14d22 rgb(241,77,34)
```
#f25c34
```
#f25c34 rgb(242,92,52)
```
#f36b47
```
#f36b47 rgb(243,107,71)
```
#f57a59
```
#f57a59 rgb(245,122,89)
```
#f6886c
```
#f6886c rgb(246,136,108)
```
#f7977e
```
#f7977e rgb(247,151,126)
```
#f8a691
```
#f8a691 rgb(248,166,145)
```
#f9b5a3
```
#f9b5a3 rgb(249,181,163)
```
#fac4b6
```
#fac4b6 rgb(250,196,182)
```
#fcd3c8
```
#fcd3c8 rgb(252,211,200)
```
#fde2da
```
#fde2da rgb(253,226,218)
```
#fef0ed
```
#fef0ed rgb(254,240,237)
```

Tint Color Variation

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

#8e8785
```
#8e8785 rgb(142,135,133)
```
#97827c
```
#97827c rgb(151,130,124)
```
#a07d73
```
#a07d73 rgb(160,125,115)
```
#a9776a
```
#a9776a rgb(169,119,106)
```
#b27261
```
#b27261 rgb(178,114,97)
```
#bb6d58
```
#bb6d58 rgb(187,109,88)
```
#c4674f
```
#c4674f rgb(196,103,79)
```
#cd6246
```
#cd6246 rgb(205,98,70)
```
#d65d3d
```
#d65d3d rgb(214,93,61)
```
#df5834
```
#df5834 rgb(223,88,52)
```
#e8522b
```
#e8522b rgb(232,82,43)
```
#f14d22
```
#f14d22 rgb(241,77,34)
```
#fa4819
```
#fa4819 rgb(250,72,25)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#917068 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9c8d3b Protanopia 1% of men
#b08616 Deuteranopia 1% of men
#f25155 Tritanopia 0.001% of the population

Trichromacy

#bb7531 Protanomaly 1% of men, 0.01% of women
#c7711a Deuteranomaly 6% of men, 0.4% of women
#f25042 Tritanomaly 0.01% of the population

#f14d22 hex color

#f14d22 Color Information

#f14d22 Color Conversion

Color Schemes with #f14d22

Alternatives to #f14d22

#f14d22 Preview

Shades and Tints of #f14d22

Tones of #f14d22

Color Blindness Simulator