#f54130 hex color

In a RGB color space, hex #f54130 is composed of 96.1% red, 25.5% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 73.5% magenta, 80.4% yellow and 3.9% black. It has a hue angle of 5.2 degrees, a saturation of 90.8% and a lightness of 57.5%. #f54130 color hex could be obtained by blending #ff8260 with #eb0000. Closest websafe color is: #ff3333.

♥
- f
- t
- g
- R 96
- G 25
- B 19
RGB color chart
- C 0
- M 73
- Y 80
- K 4
CMYK color chart

● #f54130 color description : Bright red.

The hexadecimal color #f54130 has RGB values of R:245, G:65, B:48 and CMYK values of C:0, M:0.73, Y:0.8, K:0.04. Its decimal value is 16073008.

Hex triplet	f54130	`#f54130`
RGB Decimal	245, 65, 48	`rgb(245,65,48)`
RGB Percent	96.1, 25.5, 18.8	`rgb(96.1%,25.5%,18.8%)`
CMYK	0, 73, 80, 4
HSL	5.2°, 90.8, 57.5	`hsl(5.2,90.8%,57.5%)`
HSV (or HSB)	5.2°, 80.4, 96.1
Web Safe	ff3333	`#ff3333`

CIE-LAB	55.494, 66.788, 50.681
XYZ	40.082, 23.411, 5.205
xyY	0.583, 0.341, 23.411
CIE-LCH	55.494, 83.841, 37.192
CIE-LUV	55.494, 141.554, 35.732
Hunter-Lab	48.385, 63.194, 27.492
Binary	11110101, 01000001, 00110000

#f54130
```
#f54130 rgb(245,65,48)
```
#30e4f5
```
#30e4f5 rgb(48,228,245)
```

Complementary Color

#f53082
```
#f53082 rgb(245,48,130)
```
#f54130
```
#f54130 rgb(245,65,48)
```
#f5a430
```
#f5a430 rgb(245,164,48)
```

Analogous Color

#3082f5
```
#3082f5 rgb(48,130,245)
```
#f54130
```
#f54130 rgb(245,65,48)
```
#30f5a4
```
#30f5a4 rgb(48,245,164)
```

Split Complementary Color

#4130f5
```
#4130f5 rgb(65,48,245)
```
#f54130
```
#f54130 rgb(245,65,48)
```
#30f541
```
#30f541 rgb(48,245,65)
```

Triadic Color

#f530e4
```
#f530e4 rgb(245,48,228)
```
#f54130
```
#f54130 rgb(245,65,48)
```
#30f541
```
#30f541 rgb(48,245,65)
```
#30e4f5
```
#30e4f5 rgb(48,228,245)
```

Tetradic Color

#cf1b0a
```
#cf1b0a rgb(207,27,10)
```
#e71e0b
```
#e71e0b rgb(231,30,11)
```
#f42b18
```
#f42b18 rgb(244,43,24)
```
#f54130
```
#f54130 rgb(245,65,48)
```
#f65748
```
#f65748 rgb(246,87,72)
```
#f76e61
```
#f76e61 rgb(247,110,97)
```
#f98479
```
#f98479 rgb(249,132,121)
```

Monochromatic Color

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

#f53050
```
#f53050 rgb(245,48,80)
```
#f53040
```
#f53040 rgb(245,48,64)
```
#f53130
```
#f53130 rgb(245,49,48)
```
#f54130
```
#f54130 rgb(245,65,48)
```
#f55130
```
#f55130 rgb(245,81,48)
```
#f56230
```
#f56230 rgb(245,98,48)
```
#f57230
```
#f57230 rgb(245,114,48)
```

Similar Colors

Text with hexadecimal color #f54130

This text has a font color of #f54130.

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

#f54130 background color

This paragraph has a background color of #f54130.

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

#f54130 border color

This element has a border color of #f54130.

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

CSS codes

.text {color:#f54130;}

.background {background-color:#f54130;}

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

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

#120201
```
#120201 rgb(18,2,1)
```
#240502
```
#240502 rgb(36,5,2)
```
#370703
```
#370703 rgb(55,7,3)
```
#4a0a04
```
#4a0a04 rgb(74,10,4)
```
#5c0c04
```
#5c0c04 rgb(92,12,4)
```
#6f0e05
```
#6f0e05 rgb(111,14,5)
```
#821106
```
#821106 rgb(130,17,6)
```
#951307
```
#951307 rgb(149,19,7)
```
#a71608
```
#a71608 rgb(167,22,8)
```
#ba1809
```
#ba1809 rgb(186,24,9)
```
#cd1b0a
```
#cd1b0a rgb(205,27,10)
```
#df1d0b
```
#df1d0b rgb(223,29,11)
```
#f2200c
```
#f2200c rgb(242,32,12)
```

Shade Color Variation

#f4301d
```
#f4301d rgb(244,48,29)
```
#f54130
```
#f54130 rgb(245,65,48)
```
#f65243
```
#f65243 rgb(246,82,67)
```
#f76355
```
#f76355 rgb(247,99,85)
```
#f87568
```
#f87568 rgb(248,117,104)
```
#f9867b
```
#f9867b rgb(249,134,123)
```
#fa978e
```
#fa978e rgb(250,151,142)
```
#faa8a0
```
#faa8a0 rgb(250,168,160)
```
#fbb9b3
```
#fbb9b3 rgb(251,185,179)
```
#fccac6
```
#fccac6 rgb(252,202,198)
```
#fddcd8
```
#fddcd8 rgb(253,220,216)
```
#feedeb
```
#feedeb rgb(254,237,235)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#998d8c
```
#998d8c rgb(153,141,140)
```
#a28683
```
#a28683 rgb(162,134,131)
```
#aa7f7b
```
#aa7f7b rgb(170,127,123)
```
#b27873
```
#b27873 rgb(178,120,115)
```
#bb716a
```
#bb716a rgb(187,113,106)
```
#c36a62
```
#c36a62 rgb(195,106,98)
```
#cb645a
```
#cb645a rgb(203,100,90)
```
#d45d51
```
#d45d51 rgb(212,93,81)
```
#dc5649
```
#dc5649 rgb(220,86,73)
```
#e44f41
```
#e44f41 rgb(228,79,65)
```
#ed4838
```
#ed4838 rgb(237,72,56)
```
#f54130
```
#f54130 rgb(245,65,48)
```
#fd3a28
```
#fd3a28 rgb(253,58,40)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#8f6b67 Atypical Achromatopsia 0.001% of the population

Dichromacy

#998b4b Protanopia 1% of men
#ad842a Deuteranopia 1% of men
#f5484b Tritanopia 0.001% of the population

Trichromacy

#ba7041 Protanomaly 1% of men, 0.01% of women
#c76c2c Deuteranomaly 6% of men, 0.4% of women
#f54541 Tritanomaly 0.01% of the population

#f54130 hex color

#f54130 Color Information

#f54130 Color Conversion

Color Schemes with #f54130

Alternatives to #f54130

#f54130 Preview

Shades and Tints of #f54130

Tones of #f54130

Color Blindness Simulator