colorhexa.com

#f02a01 hex color

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

- R 94
- G 16
- B 0
RGB color chart
- C 0
- M 83
- Y 100
- K 6
CMYK color chart

● #f02a01 color description : Vivid red.

The hexadecimal color #f02a01 has RGB values of R:240, G:42, B:1 and CMYK values of C:0, M:0.83, Y:1, K:0.06. Its decimal value is 15739393.

Hex triplet	f02a01	`#f02a01`
RGB Decimal	240, 42, 1	`rgb(240,42,1)`
RGB Percent	94.1, 16.5, 0.4	`rgb(94.1%,16.5%,0.4%)`
CMYK	0, 83, 100, 6
HSL	10.3°, 99.2, 47.3	`hsl(10.3,99.2%,47.3%)`
HSV (or HSB)	10.3°, 99.6, 94.1
Web Safe	ff3300	`#ff3300`

CIE-LAB	52.049, 71.011, 64.65
XYZ	36.771, 20.188, 1.989
xyY	0.624, 0.342, 20.188
CIE-LCH	52.049, 96.032, 42.315
CIE-LUV	52.049, 154.135, 38.877
Hunter-Lab	44.931, 67.45, 28.827
Binary	11110000, 00101010, 00000001

#f02a01
```
#f02a01 rgb(240,42,1)
```
#01c7f0
```
#01c7f0 rgb(1,199,240)
```

Complementary Color

#f00150
```
#f00150 rgb(240,1,80)
```
#f02a01
```
#f02a01 rgb(240,42,1)
```
#f0a201
```
#f0a201 rgb(240,162,1)
```

Analogous Color

#0150f0
```
#0150f0 rgb(1,80,240)
```
#f02a01
```
#f02a01 rgb(240,42,1)
```
#01f0a2
```
#01f0a2 rgb(1,240,162)
```

Split Complementary Color

#a41d01
```
#a41d01 rgb(164,29,1)
```
#bd2101
```
#bd2101 rgb(189,33,1)
```
#d72601
```
#d72601 rgb(215,38,1)
```
#f02a01
```
#f02a01 rgb(240,42,1)
```
#fe360d
```
#fe360d rgb(254,54,13)
```
#fe4b26
```
#fe4b26 rgb(254,75,38)
```
#fe603f
```
#fe603f rgb(254,96,63)
```

Monochromatic Color

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

#f00114
```
#f00114 rgb(240,1,20)
```
#f00201
```
#f00201 rgb(240,2,1)
```
#f01601
```
#f01601 rgb(240,22,1)
```
#f02a01
```
#f02a01 rgb(240,42,1)
```
#f03e01
```
#f03e01 rgb(240,62,1)
```
#f05201
```
#f05201 rgb(240,82,1)
```
#f06601
```
#f06601 rgb(240,102,1)
```

Similar Colors

Text with hexadecimal color #f02a01

This text has a font color of #f02a01.

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

#f02a01 background color

This paragraph has a background color of #f02a01.

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

#f02a01 border color

This element has a border color of #f02a01.

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

CSS codes

.text {color:#f02a01;}

.background {background-color:#f02a01;}

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

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

#060100
```
#060100 rgb(6,1,0)
```
#190400
```
#190400 rgb(25,4,0)
```
#2d0800
```
#2d0800 rgb(45,8,0)
```
#400b00
```
#400b00 rgb(64,11,0)
```
#540f00
```
#540f00 rgb(84,15,0)
```
#671200
```
#671200 rgb(103,18,0)
```
#7b1501
```
#7b1501 rgb(123,21,1)
```
#8e1901
```
#8e1901 rgb(142,25,1)
```
#a21c01
```
#a21c01 rgb(162,28,1)
```
#b52001
```
#b52001 rgb(181,32,1)
```
#c92301
```
#c92301 rgb(201,35,1)
```
#dc2701
```
#dc2701 rgb(220,39,1)
```
#f02a01
```
#f02a01 rgb(240,42,1)
```

Shade Color Variation

#fe3107
```
#fe3107 rgb(254,49,7)
```
#fe411a
```
#fe411a rgb(254,65,26)
```
#fe512e
```
#fe512e rgb(254,81,46)
```
#fe6241
```
#fe6241 rgb(254,98,65)
```
#fe7255
```
#fe7255 rgb(254,114,85)
```
#fe8268
```
#fe8268 rgb(254,130,104)
```
#fe927c
```
#fe927c rgb(254,146,124)
```
#ffa28f
```
#ffa28f rgb(255,162,143)
```
#ffb3a3
```
#ffb3a3 rgb(255,179,163)
```
#ffc3b6
```
#ffc3b6 rgb(255,195,182)
```
#ffd3ca
```
#ffd3ca rgb(255,211,202)
```
#ffe3de
```
#ffe3de rgb(255,227,222)
```
#fff3f1
```
#fff3f1 rgb(255,243,241)
```

Tint Color Variation

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

#817370
```
#817370 rgb(129,115,112)
```
#8a6d67
```
#8a6d67 rgb(138,109,103)
```
#93675e
```
#93675e rgb(147,103,94)
```
#9d6154
```
#9d6154 rgb(157,97,84)
```
#a65b4b
```
#a65b4b rgb(166,91,75)
```
#af5542
```
#af5542 rgb(175,85,66)
```
#b84f39
```
#b84f39 rgb(184,79,57)
```
#c2482f
```
#c2482f rgb(194,72,47)
```
#cb4226
```
#cb4226 rgb(203,66,38)
```
#d43c1d
```
#d43c1d rgb(212,60,29)
```
#dd3614
```
#dd3614 rgb(221,54,20)
```
#e7300a
```
#e7300a rgb(231,48,10)
```
#f02a01
```
#f02a01 rgb(240,42,1)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#7e564e Atypical Achromatopsia 0.001% of the population

Dichromacy

#928320 Protanopia 1% of men
#a37c00 Deuteranopia 1% of men
#f13231 Tritanopia 0.001% of the population

Trichromacy

#b46215 Protanomaly 1% of men, 0.01% of women
#bf5e00 Deuteranomaly 6% of men, 0.4% of women
#f02f1f Tritanomaly 0.01% of the population