#f02c1c hex color

In a RGB color space, hex #f02c1c is composed of 94.1% red, 17.3% green and 11% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 81.7% magenta, 88.3% yellow and 5.9% black. It has a hue angle of 4.5 degrees, a saturation of 87.6% and a lightness of 52.5%. #f02c1c color hex could be obtained by blending #ff5838 with #e10000. Closest websafe color is: #ff3333.

♥
- f
- t
- g
- R 94
- G 17
- B 11
RGB color chart
- C 0
- M 82
- Y 88
- K 6
CMYK color chart

● #f02c1c color description : Vivid red.

The hexadecimal color #f02c1c has RGB values of R:240, G:44, B:28 and CMYK values of C:0, M:0.82, Y:0.88, K:0.06. Its decimal value is 15739932.

Hex triplet	f02c1c	`#f02c1c`
RGB Decimal	240, 44, 28	`rgb(240,44,28)`
RGB Percent	94.1, 17.3, 11	`rgb(94.1%,17.3%,11%)`
CMYK	0, 82, 88, 6
HSL	4.5°, 87.6, 52.5	`hsl(4.5,87.6%,52.5%)`
HSV (or HSB)	4.5°, 88.3, 94.1
Web Safe	ff3333	`#ff3333`

CIE-LAB	52.303, 70.827, 56.77
XYZ	37.047, 20.415, 3.088
xyY	0.612, 0.337, 20.415
CIE-LCH	52.303, 90.771, 38.713
CIE-LUV	52.303, 151.293, 35.93
Hunter-Lab	45.183, 67.288, 27.576
Binary	11110000, 00101100, 00011100

#f02c1c
```
#f02c1c rgb(240,44,28)
```
#1ce0f0
```
#1ce0f0 rgb(28,224,240)
```

Complementary Color

#f01c76
```
#f01c76 rgb(240,28,118)
```
#f02c1c
```
#f02c1c rgb(240,44,28)
```
#f0961c
```
#f0961c rgb(240,150,28)
```

Analogous Color

#1c76f0
```
#1c76f0 rgb(28,118,240)
```
#f02c1c
```
#f02c1c rgb(240,44,28)
```
#1cf096
```
#1cf096 rgb(28,240,150)
```

Split Complementary Color

#2c1cf0
```
#2c1cf0 rgb(44,28,240)
```
#f02c1c
```
#f02c1c rgb(240,44,28)
```
#1cf02c
```
#1cf02c rgb(28,240,44)
```

Triadic Color

#f01ce0
```
#f01ce0 rgb(240,28,224)
```
#f02c1c
```
#f02c1c rgb(240,44,28)
```
#1cf02c
```
#1cf02c rgb(28,240,44)
```
#1ce0f0
```
#1ce0f0 rgb(28,224,240)
```

Tetradic Color

#b4190c
```
#b4190c rgb(180,25,12)
```
#cc1c0d
```
#cc1c0d rgb(204,28,13)
```
#e31f0f
```
#e31f0f rgb(227,31,15)
```
#f02c1c
```
#f02c1c rgb(240,44,28)
```
#f24234
```
#f24234 rgb(242,66,52)
```
#f3584c
```
#f3584c rgb(243,88,76)
```
#f56f64
```
#f56f64 rgb(245,111,100)
```

Monochromatic Color

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

#f01c41
```
#f01c41 rgb(240,28,65)
```
#f01c2f
```
#f01c2f rgb(240,28,47)
```
#f01c1e
```
#f01c1e rgb(240,28,30)
```
#f02c1c
```
#f02c1c rgb(240,44,28)
```
#f03e1c
```
#f03e1c rgb(240,62,28)
```
#f04f1c
```
#f04f1c rgb(240,79,28)
```
#f0611c
```
#f0611c rgb(240,97,28)
```

Similar Colors

Text with hexadecimal color #f02c1c

This text has a font color of #f02c1c.

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

#f02c1c background color

This paragraph has a background color of #f02c1c.

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

#f02c1c border color

This element has a border color of #f02c1c.

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

CSS codes

.text {color:#f02c1c;}

.background {background-color:#f02c1c;}

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

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, #0c0201 is the darkest color, while #fff9f9 is the lightest one.

#0c0201
```
#0c0201 rgb(12,2,1)
```
#1f0402
```
#1f0402 rgb(31,4,2)
```
#310703
```
#310703 rgb(49,7,3)
```
#430904
```
#430904 rgb(67,9,4)
```
#560c06
```
#560c06 rgb(86,12,6)
```
#680e07
```
#680e07 rgb(104,14,7)
```
#7b1108
```
#7b1108 rgb(123,17,8)
```
#8d1309
```
#8d1309 rgb(141,19,9)
```
#9f160b
```
#9f160b rgb(159,22,11)
```
#b2180c
```
#b2180c rgb(178,24,12)
```
#c41b0d
```
#c41b0d rgb(196,27,13)
```
#d71d0e
```
#d71d0e rgb(215,29,14)
```
#e9200f
```
#e9200f rgb(233,32,15)
```

Shade Color Variation

#f02c1c
```
#f02c1c rgb(240,44,28)
```
#f13d2e
```
#f13d2e rgb(241,61,46)
```
#f24e41
```
#f24e41 rgb(242,78,65)
```
#f45f53
```
#f45f53 rgb(244,95,83)
```
#f57066
```
#f57066 rgb(245,112,102)
```
#f68278
```
#f68278 rgb(246,130,120)
```
#f7938a
```
#f7938a rgb(247,147,138)
```
#f9a49d
```
#f9a49d rgb(249,164,157)
```
#fab5af
```
#fab5af rgb(250,181,175)
```
#fbc6c2
```
#fbc6c2 rgb(251,198,194)
```
#fcd7d4
```
#fcd7d4 rgb(252,215,212)
```
#fde8e6
```
#fde8e6 rgb(253,232,230)
```
#fff9f9
```
#fff9f9 rgb(255,249,249)
```

Tint Color Variation

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

#8a8382
```
#8a8382 rgb(138,131,130)
```
#937b79
```
#937b79 rgb(147,123,121)
```
#9c7370
```
#9c7370 rgb(156,115,112)
```
#a66b66
```
#a66b66 rgb(166,107,102)
```
#af635d
```
#af635d rgb(175,99,93)
```
#b85b54
```
#b85b54 rgb(184,91,84)
```
#c1544b
```
#c1544b rgb(193,84,75)
```
#cb4c41
```
#cb4c41 rgb(203,76,65)
```
#d44438
```
#d44438 rgb(212,68,56)
```
#dd3c2f
```
#dd3c2f rgb(221,60,47)
```
#e73425
```
#e73425 rgb(231,52,37)
```
#f02c1c
```
#f02c1c rgb(240,44,28)
```
#f92413
```
#f92413 rgb(249,36,19)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#815a56 Atypical Achromatopsia 0.001% of the population

Dichromacy

#918338 Protanopia 1% of men
#a47d00 Deuteranopia 1% of men
#f13535 Tritanopia 0.001% of the population

Trichromacy

#b4632e Protanomaly 1% of men, 0.01% of women
#c05f0a Deuteranomaly 6% of men, 0.4% of women
#f0312b Tritanomaly 0.01% of the population

#f02c1c hex color

#f02c1c Color Information

#f02c1c Color Conversion

Color Schemes with #f02c1c

Alternatives to #f02c1c

#f02c1c Preview

Shades and Tints of #f02c1c

Tones of #f02c1c

Color Blindness Simulator