#f02a54 hex color

In a RGB color space, hex #f02a54 is composed of 94.1% red, 16.5% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 82.5% magenta, 65% yellow and 5.9% black. It has a hue angle of 347.3 degrees, a saturation of 86.8% and a lightness of 55.3%. #f02a54 color hex could be obtained by blending #ff54a8 with #e10000. Closest websafe color is: #ff3366.

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

● #f02a54 color description : Bright red.

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

Hex triplet	f02a54	`#f02a54`
RGB Decimal	240, 42, 84	`rgb(240,42,84)`
RGB Percent	94.1, 16.5, 32.9	`rgb(94.1%,16.5%,32.9%)`
CMYK	0, 83, 65, 6
HSL	347.3°, 86.8, 55.3	`hsl(347.3,86.8%,55.3%)`
HSV (or HSB)	347.3°, 82.5, 94.1
Web Safe	ff3366	`#ff3366`

CIE-LAB	52.758, 73.146, 27.165
XYZ	38.365, 20.826, 10.387
xyY	0.551, 0.299, 20.826
CIE-LCH	52.758, 78.027, 20.374
CIE-LUV	52.758, 139.901, 15.389
Hunter-Lab	45.635, 70.2, 18.45
Binary	11110000, 00101010, 01010100

#f02a54
```
#f02a54 rgb(240,42,84)
```
#2af0c6
```
#2af0c6 rgb(42,240,198)
```

Complementary Color

#f02ab7
```
#f02ab7 rgb(240,42,183)
```
#f02a54
```
#f02a54 rgb(240,42,84)
```
#f0632a
```
#f0632a rgb(240,99,42)
```

Analogous Color

#2ab7f0
```
#2ab7f0 rgb(42,183,240)
```
#f02a54
```
#f02a54 rgb(240,42,84)
```
#2af063
```
#2af063 rgb(42,240,99)
```

Split Complementary Color

#2a54f0
```
#2a54f0 rgb(42,84,240)
```
#f02a54
```
#f02a54 rgb(240,42,84)
```
#54f02a
```
#54f02a rgb(84,240,42)
```

Triadic Color

#c62af0
```
#c62af0 rgb(198,42,240)
```
#f02a54
```
#f02a54 rgb(240,42,84)
```
#54f02a
```
#54f02a rgb(84,240,42)
```
#2af0c6
```
#2af0c6 rgb(42,240,198)
```

Tetradic Color

#c00e33
```
#c00e33 rgb(192,14,51)
```
#d80f3a
```
#d80f3a rgb(216,15,58)
```
#ee1241
```
#ee1241 rgb(238,18,65)
```
#f02a54
```
#f02a54 rgb(240,42,84)
```
#f24267
```
#f24267 rgb(242,66,103)
```
#f35a7a
```
#f35a7a rgb(243,90,122)
```
#f5718d
```
#f5718d rgb(245,113,141)
```

Monochromatic Color

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

#f02a86
```
#f02a86 rgb(240,42,134)
```
#f02a75
```
#f02a75 rgb(240,42,117)
```
#f02a65
```
#f02a65 rgb(240,42,101)
```
#f02a54
```
#f02a54 rgb(240,42,84)
```
#f02a44
```
#f02a44 rgb(240,42,68)
```
#f02a33
```
#f02a33 rgb(240,42,51)
```
#f0312a
```
#f0312a rgb(240,49,42)
```

Similar Colors

Text with hexadecimal color #f02a54

This text has a font color of #f02a54.

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

#f02a54 background color

This paragraph has a background color of #f02a54.

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

#f02a54 border color

This element has a border color of #f02a54.

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

CSS codes

.text {color:#f02a54;}

.background {background-color:#f02a54;}

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

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

#070002
```
#070002 rgb(7,0,2)
```
#190207
```
#190207 rgb(25,2,7)
```
#2c030c
```
#2c030c rgb(44,3,12)
```
#3e0411
```
#3e0411 rgb(62,4,17)
```
#500615
```
#500615 rgb(80,6,21)
```
#63071a
```
#63071a rgb(99,7,26)
```
#75081f
```
#75081f rgb(117,8,31)
```
#870a24
```
#870a24 rgb(135,10,36)
```
#990b29
```
#990b29 rgb(153,11,41)
```
#ac0c2e
```
#ac0c2e rgb(172,12,46)
```
#be0d33
```
#be0d33 rgb(190,13,51)
```
#d00f38
```
#d00f38 rgb(208,15,56)
```
#e3103d
```
#e3103d rgb(227,16,61)
```

Shade Color Variation

#ef1845
```
#ef1845 rgb(239,24,69)
```
#f02a54
```
#f02a54 rgb(240,42,84)
```
#f13c63
```
#f13c63 rgb(241,60,99)
```
#f34f71
```
#f34f71 rgb(243,79,113)
```
#f46180
```
#f46180 rgb(244,97,128)
```
#f5738f
```
#f5738f rgb(245,115,143)
```
#f6869e
```
#f6869e rgb(246,134,158)
```
#f898ac
```
#f898ac rgb(248,152,172)
```
#f9aabb
```
#f9aabb rgb(249,170,187)
```
#fabdca
```
#fabdca rgb(250,189,202)
```
#fccfd8
```
#fccfd8 rgb(252,207,216)
```
#fde1e7
```
#fde1e7 rgb(253,225,231)
```
#fef4f6
```
#fef4f6 rgb(254,244,246)
```

Tint Color Variation

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

#908a8c
```
#908a8c rgb(144,138,140)
```
#988286
```
#988286 rgb(152,130,134)
```
#a17981
```
#a17981 rgb(161,121,129)
```
#aa707c
```
#aa707c rgb(170,112,124)
```
#b36777
```
#b36777 rgb(179,103,119)
```
#bb5f72
```
#bb5f72 rgb(187,95,114)
```
#c4566d
```
#c4566d rgb(196,86,109)
```
#cd4d68
```
#cd4d68 rgb(205,77,104)
```
#d64463
```
#d64463 rgb(214,68,99)
```
#de3c5e
```
#de3c5e rgb(222,60,94)
```
#e73359
```
#e73359 rgb(231,51,89)
```
#f02a54
```
#f02a54 rgb(240,42,84)
```
#f9214f
```
#f9214f rgb(249,33,79)
```

Tone Color Variation

Below, you can see how #f02a54 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
#855d66 Atypical Achromatopsia 0.001% of the population

Dichromacy

#898478 Protanopia 1% of men
#a07e50 Deuteranopia 1% of men
#ef3c3d Tritanopia 0.001% of the population

Trichromacy

#ae636b Protanomaly 1% of men, 0.01% of women
#bd6051 Deuteranomaly 6% of men, 0.4% of women
#ef3545 Tritanomaly 0.01% of the population

#f02a54 hex color

#f02a54 Color Information

#f02a54 Color Conversion

Color Schemes with #f02a54

Alternatives to #f02a54

#f02a54 Preview

Shades and Tints of #f02a54

Tones of #f02a54

Color Blindness Simulator