#f06a01 hex color

In a RGB color space, hex #f06a01 is composed of 94.1% red, 41.6% green and 0.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 55.8% magenta, 99.6% yellow and 5.9% black. It has a hue angle of 26.4 degrees, a saturation of 99.2% and a lightness of 47.3%. #f06a01 color hex could be obtained by blending #ffd402 with #e10000. Closest websafe color is: #ff6600.

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

● #f06a01 color description : Vivid orange.

The hexadecimal color #f06a01 has RGB values of R:240, G:106, B:1 and CMYK values of C:0, M:0.56, Y:1, K:0.06. Its decimal value is 15755777.

Hex triplet	f06a01	`#f06a01`
RGB Decimal	240, 106, 1	`rgb(240,106,1)`
RGB Percent	94.1, 41.6, 0.4	`rgb(94.1%,41.6%,0.4%)`
CMYK	0, 56, 100, 6
HSL	26.4°, 99.2, 47.3	`hsl(26.4,99.2%,47.3%)`
HSV (or HSB)	26.4°, 99.6, 94.1
Web Safe	ff6600	`#ff6600`

CIE-LAB	60.64, 47.743, 68.965
XYZ	41.096, 28.84, 3.431
xyY	0.56, 0.393, 28.84
CIE-LCH	60.64, 83.878, 55.306
CIE-LUV	60.64, 111.791, 53.57
Hunter-Lab	53.703, 42.619, 33.804
Binary	11110000, 01101010, 00000001

#f06a01
```
#f06a01 rgb(240,106,1)
```
#0187f0
```
#0187f0 rgb(1,135,240)
```

Complementary Color

#f00110
```
#f00110 rgb(240,1,16)
```
#f06a01
```
#f06a01 rgb(240,106,1)
```
#f0e201
```
#f0e201 rgb(240,226,1)
```

Analogous Color

#0110f0
```
#0110f0 rgb(1,16,240)
```
#f06a01
```
#f06a01 rgb(240,106,1)
```
#01f0e2
```
#01f0e2 rgb(1,240,226)
```

Split Complementary Color

#6a01f0
```
#6a01f0 rgb(106,1,240)
```
#f06a01
```
#f06a01 rgb(240,106,1)
```
#01f06a
```
#01f06a rgb(1,240,106)
```

Triadic Color

#f00187
```
#f00187 rgb(240,1,135)
```
#f06a01
```
#f06a01 rgb(240,106,1)
```
#01f06a
```
#01f06a rgb(1,240,106)
```
#0187f0
```
#0187f0 rgb(1,135,240)
```

Tetradic Color

#a44801
```
#a44801 rgb(164,72,1)
```
#bd5401
```
#bd5401 rgb(189,84,1)
```
#d75f01
```
#d75f01 rgb(215,95,1)
```
#f06a01
```
#f06a01 rgb(240,106,1)
```
#fe770d
```
#fe770d rgb(254,119,13)
```
#fe8526
```
#fe8526 rgb(254,133,38)
```
#fe933f
```
#fe933f rgb(254,147,63)
```

Monochromatic Color

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

#f02e01
```
#f02e01 rgb(240,46,1)
```
#f04201
```
#f04201 rgb(240,66,1)
```
#f05601
```
#f05601 rgb(240,86,1)
```
#f06a01
```
#f06a01 rgb(240,106,1)
```
#f07e01
```
#f07e01 rgb(240,126,1)
```
#f09201
```
#f09201 rgb(240,146,1)
```
#f0a601
```
#f0a601 rgb(240,166,1)
```

Similar Colors

Text with hexadecimal color #f06a01

This text has a font color of #f06a01.

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

#f06a01 background color

This paragraph has a background color of #f06a01.

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

#f06a01 border color

This element has a border color of #f06a01.

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

CSS codes

.text {color:#f06a01;}

.background {background-color:#f06a01;}

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

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

#060200
```
#060200 rgb(6,2,0)
```
#190b00
```
#190b00 rgb(25,11,0)
```
#2d1400
```
#2d1400 rgb(45,20,0)
```
#401c00
```
#401c00 rgb(64,28,0)
```
#542500
```
#542500 rgb(84,37,0)
```
#672e00
```
#672e00 rgb(103,46,0)
```
#7b3601
```
#7b3601 rgb(123,54,1)
```
#8e3f01
```
#8e3f01 rgb(142,63,1)
```
#a24701
```
#a24701 rgb(162,71,1)
```
#b55001
```
#b55001 rgb(181,80,1)
```
#c95901
```
#c95901 rgb(201,89,1)
```
#dc6101
```
#dc6101 rgb(220,97,1)
```
#f06a01
```
#f06a01 rgb(240,106,1)
```

Shade Color Variation

#fe7307
```
#fe7307 rgb(254,115,7)
```
#fe7e1a
```
#fe7e1a rgb(254,126,26)
```
#fe892e
```
#fe892e rgb(254,137,46)
```
#fe9441
```
#fe9441 rgb(254,148,65)
```
#fe9f55
```
#fe9f55 rgb(254,159,85)
```
#feaa68
```
#feaa68 rgb(254,170,104)
```
#feb57c
```
#feb57c rgb(254,181,124)
```
#ffc08f
```
#ffc08f rgb(255,192,143)
```
#ffcba3
```
#ffcba3 rgb(255,203,163)
```
#ffd6b6
```
#ffd6b6 rgb(255,214,182)
```
#ffe1ca
```
#ffe1ca rgb(255,225,202)
```
#ffecde
```
#ffecde rgb(255,236,222)
```
#fff7f1
```
#fff7f1 rgb(255,247,241)
```

Tint Color Variation

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

#817770
```
#817770 rgb(129,119,112)
```
#8a7667
```
#8a7667 rgb(138,118,103)
```
#93755e
```
#93755e rgb(147,117,94)
```
#9d7454
```
#9d7454 rgb(157,116,84)
```
#a6734b
```
#a6734b rgb(166,115,75)
```
#af7242
```
#af7242 rgb(175,114,66)
```
#b87139
```
#b87139 rgb(184,113,57)
```
#c2702f
```
#c2702f rgb(194,112,47)
```
#cb6e26
```
#cb6e26 rgb(203,110,38)
```
#d46d1d
```
#d46d1d rgb(212,109,29)
```
#dd6c14
```
#dd6c14 rgb(221,108,20)
```
#e76b0a
```
#e76b0a rgb(231,107,10)
```
#f06a01
```
#f06a01 rgb(240,106,1)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#9b806b Atypical Achromatopsia 0.001% of the population

Dichromacy

#aa981a Protanopia 1% of men
#bd9000 Deuteranopia 1% of men
#f36a70 Tritanopia 0.001% of the population

Trichromacy

#c38711 Protanomaly 1% of men, 0.01% of women
#d08200 Deuteranomaly 6% of men, 0.4% of women
#f26a48 Tritanomaly 0.01% of the population

#f06a01 hex color

#f06a01 Color Information

#f06a01 Color Conversion

Color Schemes with #f06a01

Alternatives to #f06a01

#f06a01 Preview

Shades and Tints of #f06a01

Tones of #f06a01

Color Blindness Simulator