#f05a00 hex color

In a RGB color space, hex #f05a00 is composed of 94.1% red, 35.3% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 62.5% magenta, 100% yellow and 5.9% black. It has a hue angle of 22.5 degrees, a saturation of 100% and a lightness of 47.1%. #f05a00 color hex could be obtained by blending #ffb400 with #e10000. Closest websafe color is: #ff6600.

♥
- f
- t
- g
- R 94
- G 35
- B 0
RGB color chart
- C 0
- M 63
- Y 100
- K 6
CMYK color chart

● #f05a00 color description : Pure (or mostly pure) orange.

The hexadecimal color #f05a00 has RGB values of R:240, G:90, B:0 and CMYK values of C:0, M:0.63, Y:1, K:0.06. Its decimal value is 15751680.

Hex triplet	f05a00	`#f05a00`
RGB Decimal	240, 90, 0	`rgb(240,90,0)`
RGB Percent	94.1, 35.3, 0	`rgb(94.1%,35.3%,0%)`
CMYK	0, 63, 100, 6
HSL	22.5°, 100, 47.1	`hsl(22.5,100%,47.1%)`
HSV (or HSB)	22.5°, 100, 94.1
Web Safe	ff6600	`#ff6600`

CIE-LAB	57.887, 54.942, 67.641
XYZ	39.593, 25.842, 2.903
xyY	0.579, 0.378, 25.842
CIE-LCH	57.887, 87.144, 50.914
CIE-LUV	57.887, 124.51, 49.051
Hunter-Lab	50.835, 50.064, 32.198
Binary	11110000, 01011010, 00000000

#f05a00
```
#f05a00 rgb(240,90,0)
```
#0096f0
```
#0096f0 rgb(0,150,240)
```

Complementary Color

#f0001e
```
#f0001e rgb(240,0,30)
```
#f05a00
```
#f05a00 rgb(240,90,0)
```
#f0d200
```
#f0d200 rgb(240,210,0)
```

Analogous Color

#001ef0
```
#001ef0 rgb(0,30,240)
```
#f05a00
```
#f05a00 rgb(240,90,0)
```
#00f0d2
```
#00f0d2 rgb(0,240,210)
```

Split Complementary Color

#5a00f0
```
#5a00f0 rgb(90,0,240)
```
#f05a00
```
#f05a00 rgb(240,90,0)
```
#00f05a
```
#00f05a rgb(0,240,90)
```

Triadic Color

#f00096
```
#f00096 rgb(240,0,150)
```
#f05a00
```
#f05a00 rgb(240,90,0)
```
#00f05a
```
#00f05a rgb(0,240,90)
```
#0096f0
```
#0096f0 rgb(0,150,240)
```

Tetradic Color

#a43d00
```
#a43d00 rgb(164,61,0)
```
#bd4700
```
#bd4700 rgb(189,71,0)
```
#d75000
```
#d75000 rgb(215,80,0)
```
#f05a00
```
#f05a00 rgb(240,90,0)
```
#ff660b
```
#ff660b rgb(255,102,11)
```
#ff7624
```
#ff7624 rgb(255,118,36)
```
#ff863e
```
#ff863e rgb(255,134,62)
```

Monochromatic Color

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

#f01e00
```
#f01e00 rgb(240,30,0)
```
#f03200
```
#f03200 rgb(240,50,0)
```
#f04600
```
#f04600 rgb(240,70,0)
```
#f05a00
```
#f05a00 rgb(240,90,0)
```
#f06e00
```
#f06e00 rgb(240,110,0)
```
#f08200
```
#f08200 rgb(240,130,0)
```
#f09600
```
#f09600 rgb(240,150,0)
```

Similar Colors

Text with hexadecimal color #f05a00

This text has a font color of #f05a00.

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

#f05a00 background color

This paragraph has a background color of #f05a00.

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

#f05a00 border color

This element has a border color of #f05a00.

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

CSS codes

.text {color:#f05a00;}

.background {background-color:#f05a00;}

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

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

#050200
```
#050200 rgb(5,2,0)
```
#180900
```
#180900 rgb(24,9,0)
```
#2c1000
```
#2c1000 rgb(44,16,0)
```
#3f1800
```
#3f1800 rgb(63,24,0)
```
#531f00
```
#531f00 rgb(83,31,0)
```
#672700
```
#672700 rgb(103,39,0)
```
#7a2e00
```
#7a2e00 rgb(122,46,0)
```
#8e3500
```
#8e3500 rgb(142,53,0)
```
#a23d00
```
#a23d00 rgb(162,61,0)
```
#b54400
```
#b54400 rgb(181,68,0)
```
#c94b00
```
#c94b00 rgb(201,75,0)
```
#dc5300
```
#dc5300 rgb(220,83,0)
```
#f05a00
```
#f05a00 rgb(240,90,0)
```

Shade Color Variation

#ff6305
```
#ff6305 rgb(255,99,5)
```
#ff6f18
```
#ff6f18 rgb(255,111,24)
```
#ff7b2c
```
#ff7b2c rgb(255,123,44)
```
#ff873f
```
#ff873f rgb(255,135,63)
```
#ff9453
```
#ff9453 rgb(255,148,83)
```
#ffa067
```
#ffa067 rgb(255,160,103)
```
#ffac7a
```
#ffac7a rgb(255,172,122)
```
#ffb88e
```
#ffb88e rgb(255,184,142)
```
#ffc5a2
```
#ffc5a2 rgb(255,197,162)
```
#ffd1b5
```
#ffd1b5 rgb(255,209,181)
```
#ffddc9
```
#ffddc9 rgb(255,221,201)
```
#ffe9dc
```
#ffe9dc rgb(255,233,220)
```
#fff6f0
```
#fff6f0 rgb(255,246,240)
```

Tint Color Variation

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

#81766f
```
#81766f rgb(129,118,111)
```
#8a7366
```
#8a7366 rgb(138,115,102)
```
#94715c
```
#94715c rgb(148,113,92)
```
#9d6f53
```
#9d6f53 rgb(157,111,83)
```
#a66c4a
```
#a66c4a rgb(166,108,74)
```
#af6a41
```
#af6a41 rgb(175,106,65)
```
#b96837
```
#b96837 rgb(185,104,55)
```
#c2662e
```
#c2662e rgb(194,102,46)
```
#cb6325
```
#cb6325 rgb(203,99,37)
```
#d4611c
```
#d4611c rgb(212,97,28)
```
#de5f12
```
#de5f12 rgb(222,95,18)
```
#e75c09
```
#e75c09 rgb(231,92,9)
```
#f05a00
```
#f05a00 rgb(240,90,0)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#947664 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a2911b Protanopia 1% of men
#b58a00 Deuteranopia 1% of men
#f25c61 Tritanopia 0.001% of the population

Trichromacy

#be7d11 Protanomaly 1% of men, 0.01% of women
#ca7800 Deuteranomaly 6% of men, 0.4% of women
#f15b3d Tritanomaly 0.01% of the population

#f05a00 hex color

#f05a00 Color Information

#f05a00 Color Conversion

Color Schemes with #f05a00

Alternatives to #f05a00

#f05a00 Preview

Shades and Tints of #f05a00

Tones of #f05a00

Color Blindness Simulator