#f5300d hex color

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

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

● #f5300d color description : Vivid red.

The hexadecimal color #f5300d has RGB values of R:245, G:48, B:13 and CMYK values of C:0, M:0.8, Y:0.95, K:0.04. Its decimal value is 16068621.

Hex triplet	f5300d	`#f5300d`
RGB Decimal	245, 48, 13	`rgb(245,48,13)`
RGB Percent	96.1, 18.8, 5.1	`rgb(96.1%,18.8%,5.1%)`
CMYK	0, 80, 95, 4
HSL	9.1°, 92.1, 50.6	`hsl(9.1,92.1%,50.6%)`
HSV (or HSB)	9.1°, 94.7, 96.1
Web Safe	ff3300	`#ff3300`

CIE-LAB	53.557, 71.054, 63.081
XYZ	38.788, 21.56, 2.5
xyY	0.617, 0.343, 21.56
CIE-LCH	53.557, 95.016, 41.599
CIE-LUV	53.557, 154.452, 39.366
Hunter-Lab	46.433, 67.852, 29.311
Binary	11110101, 00110000, 00001101

#f5300d
```
#f5300d rgb(245,48,13)
```
#0dd2f5
```
#0dd2f5 rgb(13,210,245)
```

Complementary Color

#f50d5e
```
#f50d5e rgb(245,13,94)
```
#f5300d
```
#f5300d rgb(245,48,13)
```
#f5a40d
```
#f5a40d rgb(245,164,13)
```

Analogous Color

#0d5ef5
```
#0d5ef5 rgb(13,94,245)
```
#f5300d
```
#f5300d rgb(245,48,13)
```
#0df5a4
```
#0df5a4 rgb(13,245,164)
```

Split Complementary Color

#300df5
```
#300df5 rgb(48,13,245)
```
#f5300d
```
#f5300d rgb(245,48,13)
```
#0df530
```
#0df530 rgb(13,245,48)
```

Triadic Color

#f50dd2
```
#f50dd2 rgb(245,13,210)
```
#f5300d
```
#f5300d rgb(245,48,13)
```
#0df530
```
#0df530 rgb(13,245,48)
```
#0dd2f5
```
#0dd2f5 rgb(13,210,245)
```

Tetradic Color

#ae2007
```
#ae2007 rgb(174,32,7)
```
#c72508
```
#c72508 rgb(199,37,8)
```
#df2a09
```
#df2a09 rgb(223,42,9)
```
#f5300d
```
#f5300d rgb(245,48,13)
```
#f64525
```
#f64525 rgb(246,69,37)
```
#f75a3e
```
#f75a3e rgb(247,90,62)
```
#f86f56
```
#f86f56 rgb(248,111,86)
```

Monochromatic Color

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

#f50d24
```
#f50d24 rgb(245,13,36)
```
#f50d11
```
#f50d11 rgb(245,13,17)
```
#f51d0d
```
#f51d0d rgb(245,29,13)
```
#f5300d
```
#f5300d rgb(245,48,13)
```
#f5430d
```
#f5430d rgb(245,67,13)
```
#f5570d
```
#f5570d rgb(245,87,13)
```
#f56a0d
```
#f56a0d rgb(245,106,13)
```

Similar Colors

Text with hexadecimal color #f5300d

This text has a font color of #f5300d.

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

#f5300d background color

This paragraph has a background color of #f5300d.

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

#f5300d border color

This element has a border color of #f5300d.

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

CSS codes

.text {color:#f5300d;}

.background {background-color:#f5300d;}

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

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

#030100
```
#030100 rgb(3,1,0)
```
#160401
```
#160401 rgb(22,4,1)
```
#290802
```
#290802 rgb(41,8,2)
```
#3b0b02
```
#3b0b02 rgb(59,11,2)
```
#4e0f03
```
#4e0f03 rgb(78,15,3)
```
#611204
```
#611204 rgb(97,18,4)
```
#741605
```
#741605 rgb(116,22,5)
```
#871906
```
#871906 rgb(135,25,6)
```
#9a1d06
```
#9a1d06 rgb(154,29,6)
```
#ac2007
```
#ac2007 rgb(172,32,7)
```
#bf2408
```
#bf2408 rgb(191,36,8)
```
#d22709
```
#d22709 rgb(210,39,9)
```
#e52b09
```
#e52b09 rgb(229,43,9)
```

Shade Color Variation

#f5300d
```
#f5300d rgb(245,48,13)
```
#f64020
```
#f64020 rgb(246,64,32)
```
#f75033
```
#f75033 rgb(247,80,51)
```
#f76046
```
#f76046 rgb(247,96,70)
```
#f87058
```
#f87058 rgb(248,112,88)
```
#f9816b
```
#f9816b rgb(249,129,107)
```
#fa917e
```
#fa917e rgb(250,145,126)
```
#faa191
```
#faa191 rgb(250,161,145)
```
#fbb1a4
```
#fbb1a4 rgb(251,177,164)
```
#fcc1b7
```
#fcc1b7 rgb(252,193,183)
```
#fdd1c9
```
#fdd1c9 rgb(253,209,201)
```
#fee1dc
```
#fee1dc rgb(254,225,220)
```
#fef1ef
```
#fef1ef rgb(254,241,239)
```

Tint Color Variation

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

#8a7a78
```
#8a7a78 rgb(138,122,120)
```
#94746e
```
#94746e rgb(148,116,110)
```
#9e6d64
```
#9e6d64 rgb(158,109,100)
```
#a7665b
```
#a7665b rgb(167,102,91)
```
#b15f51
```
#b15f51 rgb(177,95,81)
```
#bb5947
```
#bb5947 rgb(187,89,71)
```
#c5523d
```
#c5523d rgb(197,82,61)
```
#ce4b34
```
#ce4b34 rgb(206,75,52)
```
#d8442a
```
#d8442a rgb(216,68,42)
```
#e23e20
```
#e23e20 rgb(226,62,32)
```
#eb3717
```
#eb3717 rgb(235,55,23)
```
#f5300d
```
#f5300d rgb(245,48,13)
```
#ff2903
```
#ff2903 rgb(255,41,3)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#835c55 Atypical Achromatopsia 0.001% of the population

Dichromacy

#96862a Protanopia 1% of men
#a88000 Deuteranopia 1% of men
#f53737 Tritanopia 0.001% of the population

Trichromacy

#b86720 Protanomaly 1% of men, 0.01% of women
#c46304 Deuteranomaly 6% of men, 0.4% of women
#f53528 Tritanomaly 0.01% of the population

#f5300d hex color

#f5300d Color Information

#f5300d Color Conversion

Color Schemes with #f5300d

Alternatives to #f5300d

#f5300d Preview

Shades and Tints of #f5300d

Tones of #f5300d

Color Blindness Simulator