#f05020 hex color

In a RGB color space, hex #f05020 is composed of 94.1% red, 31.4% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 66.7% magenta, 86.7% yellow and 5.9% black. It has a hue angle of 13.8 degrees, a saturation of 87.4% and a lightness of 53.3%. #f05020 color hex could be obtained by blending #ffa040 with #e10000. Closest websafe color is: #ff6633.

♥
- f
- t
- g
- R 94
- G 31
- B 13
RGB color chart
- C 0
- M 67
- Y 87
- K 6
CMYK color chart

● #f05020 color description : Vivid red.

The hexadecimal color #f05020 has RGB values of R:240, G:80, B:32 and CMYK values of C:0, M:0.67, Y:0.87, K:0.06. Its decimal value is 15749152.

Hex triplet	f05020	`#f05020`
RGB Decimal	240, 80, 32	`rgb(240,80,32)`
RGB Percent	94.1, 31.4, 12.5	`rgb(94.1%,31.4%,12.5%)`
CMYK	0, 67, 87, 6
HSL	13.8°, 87.4, 53.3	`hsl(13.8,87.4%,53.3%)`
HSV (or HSB)	13.8°, 86.7, 94.1
Web Safe	ff6633	`#ff6633`

CIE-LAB	56.458, 59.439, 58.366
XYZ	39.066, 24.371, 4.014
xyY	0.579, 0.361, 24.371
CIE-LCH	56.458, 83.304, 44.479
CIE-LUV	56.458, 130.047, 42.622
Hunter-Lab	49.367, 54.861, 29.737
Binary	11110000, 01010000, 00100000

#f05020
```
#f05020 rgb(240,80,32)
```
#20c0f0
```
#20c0f0 rgb(32,192,240)
```

Complementary Color

#f02058
```
#f02058 rgb(240,32,88)
```
#f05020
```
#f05020 rgb(240,80,32)
```
#f0b820
```
#f0b820 rgb(240,184,32)
```

Analogous Color

#2058f0
```
#2058f0 rgb(32,88,240)
```
#f05020
```
#f05020 rgb(240,80,32)
```
#20f0b8
```
#20f0b8 rgb(32,240,184)
```

Split Complementary Color

#5020f0
```
#5020f0 rgb(80,32,240)
```
#f05020
```
#f05020 rgb(240,80,32)
```
#20f050
```
#20f050 rgb(32,240,80)
```

Triadic Color

#f020c0
```
#f020c0 rgb(240,32,192)
```
#f05020
```
#f05020 rgb(240,80,32)
```
#20f050
```
#20f050 rgb(32,240,80)
```
#20c0f0
```
#20c0f0 rgb(32,192,240)
```

Tetradic Color

#b7340c
```
#b7340c rgb(183,52,12)
```
#cf3b0e
```
#cf3b0e rgb(207,59,14)
```
#e74110
```
#e74110 rgb(231,65,16)
```
#f05020
```
#f05020 rgb(240,80,32)
```
#f26338
```
#f26338 rgb(242,99,56)
```
#f37650
```
#f37650 rgb(243,118,80)
```
#f58868
```
#f58868 rgb(245,136,104)
```

Monochromatic Color

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

#f02024
```
#f02024 rgb(240,32,36)
```
#f02d20
```
#f02d20 rgb(240,45,32)
```
#f03f20
```
#f03f20 rgb(240,63,32)
```
#f05020
```
#f05020 rgb(240,80,32)
```
#f06120
```
#f06120 rgb(240,97,32)
```
#f07320
```
#f07320 rgb(240,115,32)
```
#f08420
```
#f08420 rgb(240,132,32)
```

Similar Colors

Text with hexadecimal color #f05020

This text has a font color of #f05020.

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

#f05020 background color

This paragraph has a background color of #f05020.

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

#f05020 border color

This element has a border color of #f05020.

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

CSS codes

.text {color:#f05020;}

.background {background-color:#f05020;}

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

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

#100401
```
#100401 rgb(16,4,1)
```
#220a02
```
#220a02 rgb(34,10,2)
```
#350f04
```
#350f04 rgb(53,15,4)
```
#471405
```
#471405 rgb(71,20,5)
```
#591906
```
#591906 rgb(89,25,6)
```
#6c1e07
```
#6c1e07 rgb(108,30,7)
```
#7e2408
```
#7e2408 rgb(126,36,8)
```
#91290a
```
#91290a rgb(145,41,10)
```
#a32e0b
```
#a32e0b rgb(163,46,11)
```
#b5330c
```
#b5330c rgb(181,51,12)
```
#c8380d
```
#c8380d rgb(200,56,13)
```
#da3e0f
```
#da3e0f rgb(218,62,15)
```
#ec4310
```
#ec4310 rgb(236,67,16)
```

Shade Color Variation

#f05020
```
#f05020 rgb(240,80,32)
```
#f15e32
```
#f15e32 rgb(241,94,50)
```
#f26d45
```
#f26d45 rgb(242,109,69)
```
#f47b57
```
#f47b57 rgb(244,123,87)
```
#f58a6a
```
#f58a6a rgb(245,138,106)
```
#f6987c
```
#f6987c rgb(246,152,124)
```
#f7a78e
```
#f7a78e rgb(247,167,142)
```
#f9b5a1
```
#f9b5a1 rgb(249,181,161)
```
#fac3b3
```
#fac3b3 rgb(250,195,179)
```
#fbd2c5
```
#fbd2c5 rgb(251,210,197)
```
#fce0d8
```
#fce0d8 rgb(252,224,216)
```
#feefea
```
#feefea rgb(254,239,234)
```
#fffdfd
```
#fffdfd rgb(255,253,253)
```

Tint Color Variation

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

#8b8685
```
#8b8685 rgb(139,134,133)
```
#94817c
```
#94817c rgb(148,129,124)
```
#9e7c72
```
#9e7c72 rgb(158,124,114)
```
#a77769
```
#a77769 rgb(167,119,105)
```
#b07360
```
#b07360 rgb(176,115,96)
```
#b96e57
```
#b96e57 rgb(185,110,87)
```
#c2694e
```
#c2694e rgb(194,105,78)
```
#cb6445
```
#cb6445 rgb(203,100,69)
```
#d55f3b
```
#d55f3b rgb(213,95,59)
```
#de5a32
```
#de5a32 rgb(222,90,50)
```
#e75529
```
#e75529 rgb(231,85,41)
```
#f05020
```
#f05020 rgb(240,80,32)
```
#f94b17
```
#f94b17 rgb(249,75,23)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#927268 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9d8d38 Protanopia 1% of men
#b18612 Deuteranopia 1% of men
#f25458 Tritanopia 0.001% of the population

Trichromacy

#bb772f Protanomaly 1% of men, 0.01% of women
#c87217 Deuteranomaly 6% of men, 0.4% of women
#f15243 Tritanomaly 0.01% of the population

#f05020 hex color

#f05020 Color Information

#f05020 Color Conversion

Color Schemes with #f05020

Alternatives to #f05020

#f05020 Preview

Shades and Tints of #f05020

Tones of #f05020

Color Blindness Simulator