#f5580c hex color

In a RGB color space, hex #f5580c is composed of 96.1% red, 34.5% green and 4.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 64.1% magenta, 95.1% yellow and 3.9% black. It has a hue angle of 19.6 degrees, a saturation of 92.1% and a lightness of 50.4%. #f5580c color hex could be obtained by blending #ffb018 with #eb0000. Closest websafe color is: #ff6600.

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

● #f5580c color description : Vivid orange.

The hexadecimal color #f5580c has RGB values of R:245, G:88, B:12 and CMYK values of C:0, M:0.64, Y:0.95, K:0.04. Its decimal value is 16078860.

Hex triplet	f5580c	`#f5580c`
RGB Decimal	245, 88, 12	`rgb(245,88,12)`
RGB Percent	96.1, 34.5, 4.7	`rgb(96.1%,34.5%,4.7%)`
CMYK	0, 64, 95, 4
HSL	19.6°, 92.1, 50.4	`hsl(19.6,92.1%,50.4%)`
HSV (or HSB)	19.6°, 95.1, 96.1
Web Safe	ff6600	`#ff6600`

CIE-LAB	58.437, 57.601, 66.122
XYZ	41.214, 26.423, 3.278
xyY	0.581, 0.373, 26.423
CIE-LCH	58.437, 87.693, 48.94
CIE-LUV	58.437, 129.632, 48.014
Hunter-Lab	51.403, 53.162, 32.202
Binary	11110101, 01011000, 00001100

#f5580c
```
#f5580c rgb(245,88,12)
```
#0ca9f5
```
#0ca9f5 rgb(12,169,245)
```

Complementary Color

#f50c34
```
#f50c34 rgb(245,12,52)
```
#f5580c
```
#f5580c rgb(245,88,12)
```
#f5cd0c
```
#f5cd0c rgb(245,205,12)
```

Analogous Color

#0c34f5
```
#0c34f5 rgb(12,52,245)
```
#f5580c
```
#f5580c rgb(245,88,12)
```
#0cf5cd
```
#0cf5cd rgb(12,245,205)
```

Split Complementary Color

#580cf5
```
#580cf5 rgb(88,12,245)
```
#f5580c
```
#f5580c rgb(245,88,12)
```
#0cf558
```
#0cf558 rgb(12,245,88)
```

Triadic Color

#f50ca9
```
#f50ca9 rgb(245,12,169)
```
#f5580c
```
#f5580c rgb(245,88,12)
```
#0cf558
```
#0cf558 rgb(12,245,88)
```
#0ca9f5
```
#0ca9f5 rgb(12,169,245)
```

Tetradic Color

#ad3d07
```
#ad3d07 rgb(173,61,7)
```
#c64608
```
#c64608 rgb(198,70,8)
```
#de4f09
```
#de4f09 rgb(222,79,9)
```
#f5580c
```
#f5580c rgb(245,88,12)
```
#f66924
```
#f66924 rgb(246,105,36)
```
#f77a3d
```
#f77a3d rgb(247,122,61)
```
#f88a55
```
#f88a55 rgb(248,138,85)
```

Monochromatic Color

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

#f51e0c
```
#f51e0c rgb(245,30,12)
```
#f5310c
```
#f5310c rgb(245,49,12)
```
#f5450c
```
#f5450c rgb(245,69,12)
```
#f5580c
```
#f5580c rgb(245,88,12)
```
#f56b0c
```
#f56b0c rgb(245,107,12)
```
#f57f0c
```
#f57f0c rgb(245,127,12)
```
#f5920c
```
#f5920c rgb(245,146,12)
```

Similar Colors

Text with hexadecimal color #f5580c

This text has a font color of #f5580c.

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

#f5580c background color

This paragraph has a background color of #f5580c.

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

#f5580c border color

This element has a border color of #f5580c.

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

CSS codes

.text {color:#f5580c;}

.background {background-color:#f5580c;}

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

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

#020100
```
#020100 rgb(2,1,0)
```
#150701
```
#150701 rgb(21,7,1)
```
#280e02
```
#280e02 rgb(40,14,2)
```
#3a1502
```
#3a1502 rgb(58,21,2)
```
#4d1b03
```
#4d1b03 rgb(77,27,3)
```
#602204
```
#602204 rgb(96,34,4)
```
#732905
```
#732905 rgb(115,41,5)
```
#862f06
```
#862f06 rgb(134,47,6)
```
#993606
```
#993606 rgb(153,54,6)
```
#ab3d07
```
#ab3d07 rgb(171,61,7)
```
#be4308
```
#be4308 rgb(190,67,8)
```
#d14a09
```
#d14a09 rgb(209,74,9)
```
#e45109
```
#e45109 rgb(228,81,9)
```

Shade Color Variation

#f5580c
```
#f5580c rgb(245,88,12)
```
#f6651f
```
#f6651f rgb(246,101,31)
```
#f77232
```
#f77232 rgb(247,114,50)
```
#f77f45
```
#f77f45 rgb(247,127,69)
```
#f88c57
```
#f88c57 rgb(248,140,87)
```
#f9996a
```
#f9996a rgb(249,153,106)
```
#faa67d
```
#faa67d rgb(250,166,125)
```
#fab390
```
#fab390 rgb(250,179,144)
```
#fbc0a3
```
#fbc0a3 rgb(251,192,163)
```
#fccdb6
```
#fccdb6 rgb(252,205,182)
```
#fdd9c8
```
#fdd9c8 rgb(253,217,200)
```
#fee6db
```
#fee6db rgb(254,230,219)
```
#fef3ee
```
#fef3ee rgb(254,243,238)
```

Tint Color Variation

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

#8a7d77
```
#8a7d77 rgb(138,125,119)
```
#947a6d
```
#947a6d rgb(148,122,109)
```
#9d7664
```
#9d7664 rgb(157,118,100)
```
#a7735a
```
#a7735a rgb(167,115,90)
```
#b17050
```
#b17050 rgb(177,112,80)
```
#bb6c46
```
#bb6c46 rgb(187,108,70)
```
#c4693d
```
#c4693d rgb(196,105,61)
```
#ce6633
```
#ce6633 rgb(206,102,51)
```
#d86229
```
#d86229 rgb(216,98,41)
```
#e25f1f
```
#e25f1f rgb(226,95,31)
```
#eb5b16
```
#eb5b16 rgb(235,91,22)
```
#f5580c
```
#f5580c rgb(245,88,12)
```
#ff5502
```
#ff5502 rgb(255,85,2)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#967667 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a39226 Protanopia 1% of men
#b78b00 Deuteranopia 1% of men
#f75a5f Tritanopia 0.001% of the population

Trichromacy

#c17d1c Protanomaly 1% of men, 0.01% of women
#cd7804 Deuteranomaly 6% of men, 0.4% of women
#f65941 Tritanomaly 0.01% of the population

#f5580c hex color

#f5580c Color Information

#f5580c Color Conversion

Color Schemes with #f5580c

Alternatives to #f5580c

#f5580c Preview

Shades and Tints of #f5580c

Tones of #f5580c

Color Blindness Simulator