#f5350d hex color

In a RGB color space, hex #f5350d is composed of 96.1% red, 20.8% green and 5.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 78.4% magenta, 94.7% yellow and 3.9% black. It has a hue angle of 10.3 degrees, a saturation of 92.1% and a lightness of 50.6%. #f5350d color hex could be obtained by blending #ff6a1a with #eb0000. Closest websafe color is: #ff3300.

♥
- f
- t
- g
- R 96
- G 21
- B 5
RGB color chart
- C 0
- M 78
- Y 95
- K 4
CMYK color chart

● #f5350d color description : Vivid red.

The hexadecimal color #f5350d has RGB values of R:245, G:53, B:13 and CMYK values of C:0, M:0.78, Y:0.95, K:0.04. Its decimal value is 16069901.

Hex triplet	f5350d	`#f5350d`
RGB Decimal	245, 53, 13	`rgb(245,53,13)`
RGB Percent	96.1, 20.8, 5.1	`rgb(96.1%,20.8%,5.1%)`
CMYK	0, 78, 95, 4
HSL	10.3°, 92.1, 50.6	`hsl(10.3,92.1%,50.6%)`
HSV (or HSB)	10.3°, 94.7, 96.1
Web Safe	ff3300	`#ff3300`

CIE-LAB	54.019, 69.751, 63.337
XYZ	39.004, 21.993, 2.572
xyY	0.614, 0.346, 21.993
CIE-LCH	54.019, 94.217, 42.241
CIE-LUV	54.019, 151.984, 40.19
Hunter-Lab	46.896, 66.391, 29.576
Binary	11110101, 00110101, 00001101

#f5350d
```
#f5350d rgb(245,53,13)
```
#0dcdf5
```
#0dcdf5 rgb(13,205,245)
```

Complementary Color

#f50d59
```
#f50d59 rgb(245,13,89)
```
#f5350d
```
#f5350d rgb(245,53,13)
```
#f5a90d
```
#f5a90d rgb(245,169,13)
```

Analogous Color

#0d59f5
```
#0d59f5 rgb(13,89,245)
```
#f5350d
```
#f5350d rgb(245,53,13)
```
#0df5a9
```
#0df5a9 rgb(13,245,169)
```

Split Complementary Color

#350df5
```
#350df5 rgb(53,13,245)
```
#f5350d
```
#f5350d rgb(245,53,13)
```
#0df535
```
#0df535 rgb(13,245,53)
```

Triadic Color

#f50dcd
```
#f50dcd rgb(245,13,205)
```
#f5350d
```
#f5350d rgb(245,53,13)
```
#0df535
```
#0df535 rgb(13,245,53)
```
#0dcdf5
```
#0dcdf5 rgb(13,205,245)
```

Tetradic Color

#ae2407
```
#ae2407 rgb(174,36,7)
```
#c72908
```
#c72908 rgb(199,41,8)
```
#df2e09
```
#df2e09 rgb(223,46,9)
```
#f5350d
```
#f5350d rgb(245,53,13)
```
#f64925
```
#f64925 rgb(246,73,37)
```
#f75e3e
```
#f75e3e rgb(247,94,62)
```
#f87256
```
#f87256 rgb(248,114,86)
```

Monochromatic Color

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

#f50d1f
```
#f50d1f rgb(245,13,31)
```
#f50e0d
```
#f50e0d rgb(245,14,13)
```
#f5220d
```
#f5220d rgb(245,34,13)
```
#f5350d
```
#f5350d rgb(245,53,13)
```
#f5480d
```
#f5480d rgb(245,72,13)
```
#f55c0d
```
#f55c0d rgb(245,92,13)
```
#f56f0d
```
#f56f0d rgb(245,111,13)
```

Similar Colors

Text with hexadecimal color #f5350d

This text has a font color of #f5350d.

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

#f5350d background color

This paragraph has a background color of #f5350d.

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

#f5350d border color

This element has a border color of #f5350d.

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

CSS codes

.text {color:#f5350d;}

.background {background-color:#f5350d;}

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

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

#030100
```
#030100 rgb(3,1,0)
```
#160401
```
#160401 rgb(22,4,1)
```
#290802
```
#290802 rgb(41,8,2)
```
#3b0c02
```
#3b0c02 rgb(59,12,2)
```
#4e1003
```
#4e1003 rgb(78,16,3)
```
#611404
```
#611404 rgb(97,20,4)
```
#741805
```
#741805 rgb(116,24,5)
```
#871c06
```
#871c06 rgb(135,28,6)
```
#9a2006
```
#9a2006 rgb(154,32,6)
```
#ac2407
```
#ac2407 rgb(172,36,7)
```
#bf2808
```
#bf2808 rgb(191,40,8)
```
#d22b09
```
#d22b09 rgb(210,43,9)
```
#e52f09
```
#e52f09 rgb(229,47,9)
```

Shade Color Variation

#f5350d
```
#f5350d rgb(245,53,13)
```
#f64520
```
#f64520 rgb(246,69,32)
```
#f75433
```
#f75433 rgb(247,84,51)
```
#f76446
```
#f76446 rgb(247,100,70)
```
#f87458
```
#f87458 rgb(248,116,88)
```
#f9846b
```
#f9846b rgb(249,132,107)
```
#fa937e
```
#fa937e rgb(250,147,126)
```
#faa391
```
#faa391 rgb(250,163,145)
```
#fbb3a4
```
#fbb3a4 rgb(251,179,164)
```
#fcc3b7
```
#fcc3b7 rgb(252,195,183)
```
#fdd2c9
```
#fdd2c9 rgb(253,210,201)
```
#fee2dc
```
#fee2dc rgb(254,226,220)
```
#fef2ef
```
#fef2ef rgb(254,242,239)
```

Tint Color Variation

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

#8a7b78
```
#8a7b78 rgb(138,123,120)
```
#94756e
```
#94756e rgb(148,117,110)
```
#9e6e64
```
#9e6e64 rgb(158,110,100)
```
#a7685b
```
#a7685b rgb(167,104,91)
```
#b16151
```
#b16151 rgb(177,97,81)
```
#bb5b47
```
#bb5b47 rgb(187,91,71)
```
#c5553d
```
#c5553d rgb(197,85,61)
```
#ce4e34
```
#ce4e34 rgb(206,78,52)
```
#d8482a
```
#d8482a rgb(216,72,42)
```
#e24220
```
#e24220 rgb(226,66,32)
```
#eb3b17
```
#eb3b17 rgb(235,59,23)
```
#f5350d
```
#f5350d rgb(245,53,13)
```
#ff2f03
```
#ff2f03 rgb(255,47,3)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#865f57 Atypical Achromatopsia 0.001% of the population

Dichromacy

#97872a Protanopia 1% of men
#a98100 Deuteranopia 1% of men
#f63c3c Tritanopia 0.001% of the population

Trichromacy

#b9691f Protanomaly 1% of men, 0.01% of women
#c46504 Deuteranomaly 6% of men, 0.4% of women
#f5392b Tritanomaly 0.01% of the population

#f5350d hex color

#f5350d Color Information

#f5350d Color Conversion

Color Schemes with #f5350d

Alternatives to #f5350d

#f5350d Preview

Shades and Tints of #f5350d

Tones of #f5350d

Color Blindness Simulator