#f53a1e hex color

In a RGB color space, hex #f53a1e is composed of 96.1% red, 22.7% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 76.3% magenta, 87.8% yellow and 3.9% black. It has a hue angle of 7.8 degrees, a saturation of 91.5% and a lightness of 53.9%. #f53a1e color hex could be obtained by blending #ff743c with #eb0000. Closest websafe color is: #ff3333.

♥
- f
- t
- g
- R 96
- G 23
- B 12
RGB color chart
- C 0
- M 76
- Y 88
- K 4
CMYK color chart

● #f53a1e color description : Vivid red.

The hexadecimal color #f53a1e has RGB values of R:245, G:58, B:30 and CMYK values of C:0, M:0.76, Y:0.88, K:0.04. Its decimal value is 16071198.

Hex triplet	f53a1e	`#f53a1e`
RGB Decimal	245, 58, 30	`rgb(245,58,30)`
RGB Percent	96.1, 22.7, 11.8	`rgb(96.1%,22.7%,11.8%)`
CMYK	0, 76, 88, 4
HSL	7.8°, 91.5, 53.9	`hsl(7.8,91.5%,53.9%)`
HSV (or HSB)	7.8°, 87.8, 96.1
Web Safe	ff3333	`#ff3333`

CIE-LAB	54.592, 68.551, 58.098
XYZ	39.406, 22.537, 3.504
xyY	0.602, 0.344, 22.537
CIE-LCH	54.592, 89.859, 40.282
CIE-LUV	54.592, 147.923, 38.657
Hunter-Lab	47.473, 65.087, 28.856
Binary	11110101, 00111010, 00011110

#f53a1e
```
#f53a1e rgb(245,58,30)
```
#1ed9f5
```
#1ed9f5 rgb(30,217,245)
```

Complementary Color

#f51e6e
```
#f51e6e rgb(245,30,110)
```
#f53a1e
```
#f53a1e rgb(245,58,30)
```
#f5a61e
```
#f5a61e rgb(245,166,30)
```

Analogous Color

#1e6ef5
```
#1e6ef5 rgb(30,110,245)
```
#f53a1e
```
#f53a1e rgb(245,58,30)
```
#1ef5a6
```
#1ef5a6 rgb(30,245,166)
```

Split Complementary Color

#3a1ef5
```
#3a1ef5 rgb(58,30,245)
```
#f53a1e
```
#f53a1e rgb(245,58,30)
```
#1ef53a
```
#1ef53a rgb(30,245,58)
```

Triadic Color

#f51ed9
```
#f51ed9 rgb(245,30,217)
```
#f53a1e
```
#f53a1e rgb(245,58,30)
```
#1ef53a
```
#1ef53a rgb(30,245,58)
```
#1ed9f5
```
#1ed9f5 rgb(30,217,245)
```

Tetradic Color

#be2008
```
#be2008 rgb(190,32,8)
```
#d6240a
```
#d6240a rgb(214,36,10)
```
#ef280b
```
#ef280b rgb(239,40,11)
```
#f53a1e
```
#f53a1e rgb(245,58,30)
```
#f64f36
```
#f64f36 rgb(246,79,54)
```
#f7654f
```
#f7654f rgb(247,101,79)
```
#f87a67
```
#f87a67 rgb(248,122,103)
```

Monochromatic Color

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

#f51e38
```
#f51e38 rgb(245,30,56)
```
#f51e26
```
#f51e26 rgb(245,30,38)
```
#f5281e
```
#f5281e rgb(245,40,30)
```
#f53a1e
```
#f53a1e rgb(245,58,30)
```
#f54c1e
```
#f54c1e rgb(245,76,30)
```
#f55e1e
```
#f55e1e rgb(245,94,30)
```
#f5701e
```
#f5701e rgb(245,112,30)
```

Similar Colors

Text with hexadecimal color #f53a1e

This text has a font color of #f53a1e.

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

#f53a1e background color

This paragraph has a background color of #f53a1e.

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

#f53a1e border color

This element has a border color of #f53a1e.

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

CSS codes

.text {color:#f53a1e;}

.background {background-color:#f53a1e;}

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

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 #feefed is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#130301
```
#130301 rgb(19,3,1)
```
#260602
```
#260602 rgb(38,6,2)
```
#390a03
```
#390a03 rgb(57,10,3)
```
#4b0d03
```
#4b0d03 rgb(75,13,3)
```
#5e1004
```
#5e1004 rgb(94,16,4)
```
#711305
```
#711305 rgb(113,19,5)
```
#841606
```
#841606 rgb(132,22,6)
```
#971907
```
#971907 rgb(151,25,7)
```
#a91d08
```
#a91d08 rgb(169,29,8)
```
#bc2008
```
#bc2008 rgb(188,32,8)
```
#cf2309
```
#cf2309 rgb(207,35,9)
```
#e2260a
```
#e2260a rgb(226,38,10)
```

Shade Color Variation

#f42a0b
```
#f42a0b rgb(244,42,11)
```
#f53a1e
```
#f53a1e rgb(245,58,30)
```
#f64a31
```
#f64a31 rgb(246,74,49)
```
#f75b44
```
#f75b44 rgb(247,91,68)
```
#f86b56
```
#f86b56 rgb(248,107,86)
```
#f87c69
```
#f87c69 rgb(248,124,105)
```
#f98c7c
```
#f98c7c rgb(249,140,124)
```
#fa9d8f
```
#fa9d8f rgb(250,157,143)
```
#fbada1
```
#fbada1 rgb(251,173,161)
```
#fcbeb4
```
#fcbeb4 rgb(252,190,180)
```
#fdcec7
```
#fdcec7 rgb(253,206,199)
```
#fddeda
```
#fddeda rgb(253,222,218)
```
#feefed
```
#feefed rgb(254,239,237)
```

Tint Color Variation

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

#928481
```
#928481 rgb(146,132,129)
```
#9b7d78
```
#9b7d78 rgb(155,125,120)
```
#a4766f
```
#a4766f rgb(164,118,111)
```
#ad6f66
```
#ad6f66 rgb(173,111,102)
```
#b6695d
```
#b6695d rgb(182,105,93)
```
#bf6254
```
#bf6254 rgb(191,98,84)
```
#c85b4b
```
#c85b4b rgb(200,91,75)
```
#d15542
```
#d15542 rgb(209,85,66)
```
#da4e39
```
#da4e39 rgb(218,78,57)
```
#e34730
```
#e34730 rgb(227,71,48)
```
#ec4127
```
#ec4127 rgb(236,65,39)
```
#f53a1e
```
#f53a1e rgb(245,58,30)
```
#fe3315
```
#fe3315 rgb(254,51,21)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#8a645f Atypical Achromatopsia 0.001% of the population

Dichromacy

#988939 Protanopia 1% of men
#ab8200 Deuteranopia 1% of men
#f64142 Tritanopia 0.001% of the population

Trichromacy

#b96c2f Protanomaly 1% of men, 0.01% of women
#c6680a Deuteranomaly 6% of men, 0.4% of women
#f53e35 Tritanomaly 0.01% of the population

#f53a1e hex color

#f53a1e Color Information

#f53a1e Color Conversion

Color Schemes with #f53a1e

Alternatives to #f53a1e

#f53a1e Preview

Shades and Tints of #f53a1e

Tones of #f53a1e

Color Blindness Simulator