#f03229 hex color

In a RGB color space, hex #f03229 is composed of 94.1% red, 19.6% green and 16.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 79.2% magenta, 82.9% yellow and 5.9% black. It has a hue angle of 2.7 degrees, a saturation of 86.9% and a lightness of 55.1%. #f03229 color hex could be obtained by blending #ff6452 with #e10000. Closest websafe color is: #ff3333.

♥
- f
- t
- g
- R 94
- G 20
- B 16
RGB color chart
- C 0
- M 79
- Y 83
- K 6
CMYK color chart

● #f03229 color description : Bright red.

The hexadecimal color #f03229 has RGB values of R:240, G:50, B:41 and CMYK values of C:0, M:0.79, Y:0.83, K:0.06. Its decimal value is 15741481.

Hex triplet	f03229	`#f03229`
RGB Decimal	240, 50, 41	`rgb(240,50,41)`
RGB Percent	94.1, 19.6, 16.1	`rgb(94.1%,19.6%,16.1%)`
CMYK	0, 79, 83, 6
HSL	2.7°, 86.9, 55.1	`hsl(2.7,86.9%,55.1%)`
HSV (or HSB)	2.7°, 82.9, 94.1
Web Safe	ff3333	`#ff3333`

CIE-LAB	52.918, 69.587, 51.397
XYZ	37.478, 20.971, 4.172
xyY	0.598, 0.335, 20.971
CIE-LCH	52.918, 86.511, 36.45
CIE-LUV	52.918, 146.784, 33.972
Hunter-Lab	45.794, 65.943, 26.654
Binary	11110000, 00110010, 00101001

#f03229
```
#f03229 rgb(240,50,41)
```
#29e7f0
```
#29e7f0 rgb(41,231,240)
```

Complementary Color

#f02984
```
#f02984 rgb(240,41,132)
```
#f03229
```
#f03229 rgb(240,50,41)
```
#f09629
```
#f09629 rgb(240,150,41)
```

Analogous Color

#2984f0
```
#2984f0 rgb(41,132,240)
```
#f03229
```
#f03229 rgb(240,50,41)
```
#29f096
```
#29f096 rgb(41,240,150)
```

Split Complementary Color

#3229f0
```
#3229f0 rgb(50,41,240)
```
#f03229
```
#f03229 rgb(240,50,41)
```
#29f032
```
#29f032 rgb(41,240,50)
```

Triadic Color

#f029e7
```
#f029e7 rgb(240,41,231)
```
#f03229
```
#f03229 rgb(240,50,41)
```
#29f032
```
#29f032 rgb(41,240,50)
```
#29e7f0
```
#29e7f0 rgb(41,231,240)
```

Tetradic Color

#bf150d
```
#bf150d rgb(191,21,13)
```
#d7180f
```
#d7180f rgb(215,24,15)
```
#ee1b11
```
#ee1b11 rgb(238,27,17)
```
#f03229
```
#f03229 rgb(240,50,41)
```
#f24941
```
#f24941 rgb(242,73,65)
```
#f36059
```
#f36059 rgb(243,96,89)
```
#f57670
```
#f57670 rgb(245,118,112)
```

Monochromatic Color

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

#f02952
```
#f02952 rgb(240,41,82)
```
#f02941
```
#f02941 rgb(240,41,65)
```
#f02931
```
#f02931 rgb(240,41,49)
```
#f03229
```
#f03229 rgb(240,50,41)
```
#f04329
```
#f04329 rgb(240,67,41)
```
#f05329
```
#f05329 rgb(240,83,41)
```
#f06429
```
#f06429 rgb(240,100,41)
```

Similar Colors

Text with hexadecimal color #f03229

This text has a font color of #f03229.

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

#f03229 background color

This paragraph has a background color of #f03229.

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

#f03229 border color

This element has a border color of #f03229.

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

CSS codes

.text {color:#f03229;}

.background {background-color:#f03229;}

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

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 #fef3f3 is the lightest one.

#060100
```
#060100 rgb(6,1,0)
```
#180302
```
#180302 rgb(24,3,2)
```
#2b0503
```
#2b0503 rgb(43,5,3)
```
#3d0704
```
#3d0704 rgb(61,7,4)
```
#4f0906
```
#4f0906 rgb(79,9,6)
```
#620b07
```
#620b07 rgb(98,11,7)
```
#740d08
```
#740d08 rgb(116,13,8)
```
#860f09
```
#860f09 rgb(134,15,9)
```
#99110b
```
#99110b rgb(153,17,11)
```
#ab130c
```
#ab130c rgb(171,19,12)
```
#bd150d
```
#bd150d rgb(189,21,13)
```
#d0170f
```
#d0170f rgb(208,23,15)
```
#e21910
```
#e21910 rgb(226,25,16)
```

Shade Color Variation

#ef2017
```
#ef2017 rgb(239,32,23)
```
#f03229
```
#f03229 rgb(240,50,41)
```
#f1443b
```
#f1443b rgb(241,68,59)
```
#f3554e
```
#f3554e rgb(243,85,78)
```
#f46760
```
#f46760 rgb(244,103,96)
```
#f57872
```
#f57872 rgb(245,120,114)
```
#f68a85
```
#f68a85 rgb(246,138,133)
```
#f89b97
```
#f89b97 rgb(248,155,151)
```
#f9ada9
```
#f9ada9 rgb(249,173,169)
```
#fabebc
```
#fabebc rgb(250,190,188)
```
#fcd0ce
```
#fcd0ce rgb(252,208,206)
```
#fde2e0
```
#fde2e0 rgb(253,226,224)
```
#fef3f3
```
#fef3f3 rgb(254,243,243)
```

Tint Color Variation

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

#8f8a8a
```
#8f8a8a rgb(143,138,138)
```
#988281
```
#988281 rgb(152,130,129)
```
#a17a78
```
#a17a78 rgb(161,122,120)
```
#aa726f
```
#aa726f rgb(170,114,111)
```
#b26a67
```
#b26a67 rgb(178,106,103)
```
#bb625e
```
#bb625e rgb(187,98,94)
```
#c45a55
```
#c45a55 rgb(196,90,85)
```
#cd524c
```
#cd524c rgb(205,82,76)
```
#d64a43
```
#d64a43 rgb(214,74,67)
```
#de423b
```
#de423b rgb(222,66,59)
```
#e73a32
```
#e73a32 rgb(231,58,50)
```
#f03229
```
#f03229 rgb(240,50,41)
```
#f92a20
```
#f92a20 rgb(249,42,32)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#855f5d Atypical Achromatopsia 0.001% of the population

Dichromacy

#928546 Protanopia 1% of men
#a57e20 Deuteranopia 1% of men
#f03b3c Tritanopia 0.001% of the population

Trichromacy

#b4663b Protanomaly 1% of men, 0.01% of women
#c06223 Deuteranomaly 6% of men, 0.4% of women
#f03835 Tritanomaly 0.01% of the population

#f03229 hex color

#f03229 Color Information

#f03229 Color Conversion

Color Schemes with #f03229

Alternatives to #f03229

#f03229 Preview

Shades and Tints of #f03229

Tones of #f03229

Color Blindness Simulator