colorhexa.com

#f21c14 hex color

In a RGB color space, hex #f21c14 is composed of 94.9% red, 11% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 88.4% magenta, 91.7% yellow and 5.1% black. It has a hue angle of 2.2 degrees, a saturation of 89.5% and a lightness of 51.4%. #f21c14 color hex could be obtained by blending #ff3828 with #e50000. Closest websafe color is: #ff3300.

- R 95
- G 11
- B 8
RGB color chart
- C 0
- M 88
- Y 92
- K 5
CMYK color chart

● #f21c14 color description : Vivid red.

The hexadecimal color #f21c14 has RGB values of R:242, G:28, B:20 and CMYK values of C:0, M:0.88, Y:0.92, K:0.05. Its decimal value is 15866900.

Hex triplet	f21c14	`#f21c14`
RGB Decimal	242, 28, 20	`rgb(242,28,20)`
RGB Percent	94.9, 11, 7.8	`rgb(94.9%,11%,7.8%)`
CMYK	0, 88, 92, 5
HSL	2.2°, 89.5, 51.4	`hsl(2.2,89.5%,51.4%)`
HSV (or HSB)	2.2°, 91.7, 94.9
Web Safe	ff3300	`#ff3300`

CIE-LAB	51.568, 74.37, 59.502
XYZ	37.162, 19.763, 2.52
xyY	0.625, 0.332, 19.763
CIE-LCH	51.568, 95.244, 38.663
CIE-LUV	51.568, 159.457, 35.54
Hunter-Lab	44.456, 71.414, 27.758
Binary	11110010, 00011100, 00010100

#f21c14
```
#f21c14 rgb(242,28,20)
```
#14eaf2
```
#14eaf2 rgb(20,234,242)
```

Complementary Color

#f2147b
```
#f2147b rgb(242,20,123)
```
#f21c14
```
#f21c14 rgb(242,28,20)
```
#f28b14
```
#f28b14 rgb(242,139,20)
```

Analogous Color

#147bf2
```
#147bf2 rgb(20,123,242)
```
#f21c14
```
#f21c14 rgb(242,28,20)
```
#14f28b
```
#14f28b rgb(20,242,139)
```

Split Complementary Color

#1c14f2
```
#1c14f2 rgb(28,20,242)
```
#f21c14
```
#f21c14 rgb(242,28,20)
```
#14f21c
```
#14f21c rgb(20,242,28)
```

Triadic Color

#f214ea
```
#f214ea rgb(242,20,234)
```
#f21c14
```
#f21c14 rgb(242,28,20)
```
#14f21c
```
#14f21c rgb(20,242,28)
```
#14eaf2
```
#14eaf2 rgb(20,234,242)
```

Tetradic Color

#b0100a
```
#b0100a rgb(176,16,10)
```
#c8120b
```
#c8120b rgb(200,18,11)
```
#e0140c
```
#e0140c rgb(224,20,12)
```
#f21c14
```
#f21c14 rgb(242,28,20)
```
#f3332c
```
#f3332c rgb(243,51,44)
```
#f54b44
```
#f54b44 rgb(245,75,68)
```
#f6625c
```
#f6625c rgb(246,98,92)
```

Monochromatic Color

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

#f21443
```
#f21443 rgb(242,20,67)
```
#f21431
```
#f21431 rgb(242,20,49)
```
#f2141f
```
#f2141f rgb(242,20,31)
```
#f21c14
```
#f21c14 rgb(242,28,20)
```
#f22f14
```
#f22f14 rgb(242,47,20)
```
#f24114
```
#f24114 rgb(242,65,20)
```
#f25414
```
#f25414 rgb(242,84,20)
```

Similar Colors

Text with hexadecimal color #f21c14

This text has a font color of #f21c14.

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

#f21c14 background color

This paragraph has a background color of #f21c14.

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

#f21c14 border color

This element has a border color of #f21c14.

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

CSS codes

.text {color:#f21c14;}

.background {background-color:#f21c14;}

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

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

#070100
```
#070100 rgb(7,1,0)
```
#190201
```
#190201 rgb(25,2,1)
```
#2c0402
```
#2c0402 rgb(44,4,2)
```
#3e0603
```
#3e0603 rgb(62,6,3)
```
#510704
```
#510704 rgb(81,7,4)
```
#640906
```
#640906 rgb(100,9,6)
```
#760b07
```
#760b07 rgb(118,11,7)
```
#890c08
```
#890c08 rgb(137,12,8)
```
#9b0e09
```
#9b0e09 rgb(155,14,9)
```
#ae100a
```
#ae100a rgb(174,16,10)
```
#c1110b
```
#c1110b rgb(193,17,11)
```
#d3130c
```
#d3130c rgb(211,19,12)
```
#e6150d
```
#e6150d rgb(230,21,13)
```

Shade Color Variation

#f21c14
```
#f21c14 rgb(242,28,20)
```
#f32e27
```
#f32e27 rgb(243,46,39)
```
#f44039
```
#f44039 rgb(244,64,57)
```
#f5524c
```
#f5524c rgb(245,82,76)
```
#f6645e
```
#f6645e rgb(246,100,94)
```
#f77671
```
#f77671 rgb(247,118,113)
```
#f88884
```
#f88884 rgb(248,136,132)
```
#f99a96
```
#f99a96 rgb(249,154,150)
```
#faaca9
```
#faaca9 rgb(250,172,169)
```
#fbbebb
```
#fbbebb rgb(251,190,187)
```
#fcd0ce
```
#fcd0ce rgb(252,208,206)
```
#fde1e0
```
#fde1e0 rgb(253,225,224)
```
#fef3f3
```
#fef3f3 rgb(254,243,243)
```

Tint Color Variation

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

#897d7d
```
#897d7d rgb(137,125,125)
```
#937573
```
#937573 rgb(147,117,115)
```
#9c6c6a
```
#9c6c6a rgb(156,108,106)
```
#a66360
```
#a66360 rgb(166,99,96)
```
#af5a57
```
#af5a57 rgb(175,90,87)
```
#b9514d
```
#b9514d rgb(185,81,77)
```
#c24844
```
#c24844 rgb(194,72,68)
```
#cc3f3a
```
#cc3f3a rgb(204,63,58)
```
#d53731
```
#d53731 rgb(213,55,49)
```
#df2e27
```
#df2e27 rgb(223,46,39)
```
#e8251e
```
#e8251e rgb(232,37,30)
```
#f21c14
```
#f21c14 rgb(242,28,20)
```
#fc130a
```
#fc130a rgb(252,19,10)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#794e4d Atypical Achromatopsia 0.001% of the population

Dichromacy

#908132 Protanopia 1% of men
#a27b00 Deuteranopia 1% of men
#f22723 Tritanopia 0.001% of the population

Trichromacy

#b35c27 Protanomaly 1% of men, 0.01% of women
#bf5807 Deuteranomaly 6% of men, 0.4% of women
#f2231d Tritanomaly 0.01% of the population