#f02e54 hex color

In a RGB color space, hex #f02e54 is composed of 94.1% red, 18% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80.8% magenta, 65% yellow and 5.9% black. It has a hue angle of 348.2 degrees, a saturation of 86.6% and a lightness of 56.1%. #f02e54 color hex could be obtained by blending #ff5ca8 with #e10000. Closest websafe color is: #ff3366.

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

● #f02e54 color description : Bright red.

The hexadecimal color #f02e54 has RGB values of R:240, G:46, B:84 and CMYK values of C:0, M:0.81, Y:0.65, K:0.06. Its decimal value is 15740500.

Hex triplet	f02e54	`#f02e54`
RGB Decimal	240, 46, 84	`rgb(240,46,84)`
RGB Percent	94.1, 18, 32.9	`rgb(94.1%,18%,32.9%)`
CMYK	0, 81, 65, 6
HSL	348.2°, 86.6, 56.1	`hsl(348.2,86.6%,56.1%)`
HSV (or HSB)	348.2°, 80.8, 94.1
Web Safe	ff3366	`#ff3366`

CIE-LAB	53.085, 72.216, 27.583
XYZ	38.514, 21.124, 10.436
xyY	0.55, 0.301, 21.124
CIE-LCH	53.085, 77.305, 20.904
CIE-LUV	53.085, 138.411, 16.094
Hunter-Lab	45.961, 69.147, 18.709
Binary	11110000, 00101110, 01010100

#f02e54
```
#f02e54 rgb(240,46,84)
```
#2ef0ca
```
#2ef0ca rgb(46,240,202)
```

Complementary Color

#f02eb5
```
#f02eb5 rgb(240,46,181)
```
#f02e54
```
#f02e54 rgb(240,46,84)
```
#f0692e
```
#f0692e rgb(240,105,46)
```

Analogous Color

#2eb5f0
```
#2eb5f0 rgb(46,181,240)
```
#f02e54
```
#f02e54 rgb(240,46,84)
```
#2ef069
```
#2ef069 rgb(46,240,105)
```

Split Complementary Color

#2e54f0
```
#2e54f0 rgb(46,84,240)
```
#f02e54
```
#f02e54 rgb(240,46,84)
```
#54f02e
```
#54f02e rgb(84,240,46)
```

Triadic Color

#ca2ef0
```
#ca2ef0 rgb(202,46,240)
```
#f02e54
```
#f02e54 rgb(240,46,84)
```
#54f02e
```
#54f02e rgb(84,240,46)
```
#2ef0ca
```
#2ef0ca rgb(46,240,202)
```

Tetradic Color

#c30e32
```
#c30e32 rgb(195,14,50)
```
#db1038
```
#db1038 rgb(219,16,56)
```
#ee1641
```
#ee1641 rgb(238,22,65)
```
#f02e54
```
#f02e54 rgb(240,46,84)
```
#f24667
```
#f24667 rgb(242,70,103)
```
#f35e7b
```
#f35e7b rgb(243,94,123)
```
#f5758e
```
#f5758e rgb(245,117,142)
```

Monochromatic Color

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

#f02e85
```
#f02e85 rgb(240,46,133)
```
#f02e74
```
#f02e74 rgb(240,46,116)
```
#f02e64
```
#f02e64 rgb(240,46,100)
```
#f02e54
```
#f02e54 rgb(240,46,84)
```
#f02e44
```
#f02e44 rgb(240,46,68)
```
#f02e34
```
#f02e34 rgb(240,46,52)
```
#f0392e
```
#f0392e rgb(240,57,46)
```

Similar Colors

Text with hexadecimal color #f02e54

This text has a font color of #f02e54.

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

#f02e54 background color

This paragraph has a background color of #f02e54.

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

#f02e54 border color

This element has a border color of #f02e54.

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

CSS codes

.text {color:#f02e54;}

.background {background-color:#f02e54;}

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

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

#0b0103
```
#0b0103 rgb(11,1,3)
```
#1d0207
```
#1d0207 rgb(29,2,7)
```
#2f030c
```
#2f030c rgb(47,3,12)
```
#420511
```
#420511 rgb(66,5,17)
```
#540615
```
#540615 rgb(84,6,21)
```
#66071a
```
#66071a rgb(102,7,26)
```
#78091f
```
#78091f rgb(120,9,31)
```
#8b0a23
```
#8b0a23 rgb(139,10,35)
```
#9d0b28
```
#9d0b28 rgb(157,11,40)
```
#af0d2c
```
#af0d2c rgb(175,13,44)
```
#c20e31
```
#c20e31 rgb(194,14,49)
```
#d40f36
```
#d40f36 rgb(212,15,54)
```
#e6113a
```
#e6113a rgb(230,17,58)
```

Shade Color Variation

#ef1c45
```
#ef1c45 rgb(239,28,69)
```
#f02e54
```
#f02e54 rgb(240,46,84)
```
#f14063
```
#f14063 rgb(241,64,99)
```
#f35372
```
#f35372 rgb(243,83,114)
```
#f46581
```
#f46581 rgb(244,101,129)
```
#f57790
```
#f57790 rgb(245,119,144)
```
#f78a9f
```
#f78a9f rgb(247,138,159)
```
#f89cae
```
#f89cae rgb(248,156,174)
```
#f9aebd
```
#f9aebd rgb(249,174,189)
```
#fbc0cc
```
#fbc0cc rgb(251,192,204)
```
#fcd3db
```
#fcd3db rgb(252,211,219)
```
#fde5ea
```
#fde5ea rgb(253,229,234)
```
#fef7f9
```
#fef7f9 rgb(254,247,249)
```

Tint Color Variation

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

#918d8e
```
#918d8e rgb(145,141,142)
```
#9a8488
```
#9a8488 rgb(154,132,136)
```
#a27c83
```
#a27c83 rgb(162,124,131)
```
#ab737e
```
#ab737e rgb(171,115,126)
```
#b46a79
```
#b46a79 rgb(180,106,121)
```
#bc6273
```
#bc6273 rgb(188,98,115)
```
#c5596e
```
#c5596e rgb(197,89,110)
```
#ce5069
```
#ce5069 rgb(206,80,105)
```
#d64864
```
#d64864 rgb(214,72,100)
```
#df3f5e
```
#df3f5e rgb(223,63,94)
```
#e73759
```
#e73759 rgb(231,55,89)
```
#f02e54
```
#f02e54 rgb(240,46,84)
```
#f9254f
```
#f9254f rgb(249,37,79)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#866067 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8a8478 Protanopia 1% of men
#a17f50 Deuteranopia 1% of men
#ef3f40 Tritanopia 0.001% of the population

Trichromacy

#af656b Protanomaly 1% of men, 0.01% of women
#bd6251 Deuteranomaly 6% of men, 0.4% of women
#ef3847 Tritanomaly 0.01% of the population

#f02e54 hex color

#f02e54 Color Information

#f02e54 Color Conversion

Color Schemes with #f02e54

Alternatives to #f02e54

#f02e54 Preview

Shades and Tints of #f02e54

Tones of #f02e54

Color Blindness Simulator