#f02a56 hex color

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

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

● #f02a56 color description : Bright red.

The hexadecimal color #f02a56 has RGB values of R:240, G:42, B:86 and CMYK values of C:0, M:0.83, Y:0.64, K:0.06. Its decimal value is 15739478.

Hex triplet	f02a56	`#f02a56`
RGB Decimal	240, 42, 86	`rgb(240,42,86)`
RGB Percent	94.1, 16.5, 33.7	`rgb(94.1%,16.5%,33.7%)`
CMYK	0, 83, 64, 6
HSL	346.7°, 86.8, 55.3	`hsl(346.7,86.8%,55.3%)`
HSV (or HSB)	346.7°, 82.5, 94.1
Web Safe	ff3366	`#ff3366`

CIE-LAB	52.793, 73.25, 26.014
XYZ	38.445, 20.858, 10.805
xyY	0.548, 0.298, 20.858
CIE-LCH	52.793, 77.732, 19.552
CIE-LUV	52.793, 139.26, 14.32
Hunter-Lab	45.67, 70.336, 17.942
Binary	11110000, 00101010, 01010110

#f02a56
```
#f02a56 rgb(240,42,86)
```
#2af0c4
```
#2af0c4 rgb(42,240,196)
```

Complementary Color

#f02ab9
```
#f02ab9 rgb(240,42,185)
```
#f02a56
```
#f02a56 rgb(240,42,86)
```
#f0612a
```
#f0612a rgb(240,97,42)
```

Analogous Color

#2ab9f0
```
#2ab9f0 rgb(42,185,240)
```
#f02a56
```
#f02a56 rgb(240,42,86)
```
#2af061
```
#2af061 rgb(42,240,97)
```

Split Complementary Color

#2a56f0
```
#2a56f0 rgb(42,86,240)
```
#f02a56
```
#f02a56 rgb(240,42,86)
```
#56f02a
```
#56f02a rgb(86,240,42)
```

Triadic Color

#c42af0
```
#c42af0 rgb(196,42,240)
```
#f02a56
```
#f02a56 rgb(240,42,86)
```
#56f02a
```
#56f02a rgb(86,240,42)
```
#2af0c4
```
#2af0c4 rgb(42,240,196)
```

Tetradic Color

#c00e35
```
#c00e35 rgb(192,14,53)
```
#d80f3c
```
#d80f3c rgb(216,15,60)
```
#ee1243
```
#ee1243 rgb(238,18,67)
```
#f02a56
```
#f02a56 rgb(240,42,86)
```
#f24269
```
#f24269 rgb(242,66,105)
```
#f35a7c
```
#f35a7c rgb(243,90,124)
```
#f5718f
```
#f5718f rgb(245,113,143)
```

Monochromatic Color

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

#f02a88
```
#f02a88 rgb(240,42,136)
```
#f02a77
```
#f02a77 rgb(240,42,119)
```
#f02a67
```
#f02a67 rgb(240,42,103)
```
#f02a56
```
#f02a56 rgb(240,42,86)
```
#f02a46
```
#f02a46 rgb(240,42,70)
```
#f02a35
```
#f02a35 rgb(240,42,53)
```
#f02f2a
```
#f02f2a rgb(240,47,42)
```

Similar Colors

Text with hexadecimal color #f02a56

This text has a font color of #f02a56.

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

#f02a56 background color

This paragraph has a background color of #f02a56.

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

#f02a56 border color

This element has a border color of #f02a56.

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

CSS codes

.text {color:#f02a56;}

.background {background-color:#f02a56;}

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

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)
```
#500616
```
#500616 rgb(80,6,22)
```
#63071b
```
#63071b rgb(99,7,27)
```
#750820
```
#750820 rgb(117,8,32)
```
#870a25
```
#870a25 rgb(135,10,37)
```
#990b2b
```
#990b2b rgb(153,11,43)
```
#ac0c30
```
#ac0c30 rgb(172,12,48)
```
#be0d35
```
#be0d35 rgb(190,13,53)
```
#d00f3a
```
#d00f3a rgb(208,15,58)
```
#e3103f
```
#e3103f rgb(227,16,63)
```

Shade Color Variation

#ef1847
```
#ef1847 rgb(239,24,71)
```
#f02a56
```
#f02a56 rgb(240,42,86)
```
#f13c65
```
#f13c65 rgb(241,60,101)
```
#f34f73
```
#f34f73 rgb(243,79,115)
```
#f46182
```
#f46182 rgb(244,97,130)
```
#f57390
```
#f57390 rgb(245,115,144)
```
#f6869f
```
#f6869f rgb(246,134,159)
```
#f898ad
```
#f898ad rgb(248,152,173)
```
#f9aabc
```
#f9aabc rgb(249,170,188)
```
#fabdca
```
#fabdca rgb(250,189,202)
```
#fccfd9
```
#fccfd9 rgb(252,207,217)
```
#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 #f92151 is the most saturated one.

#908a8c
```
#908a8c rgb(144,138,140)
```
#988287
```
#988287 rgb(152,130,135)
```
#a17982
```
#a17982 rgb(161,121,130)
```
#aa707d
```
#aa707d rgb(170,112,125)
```
#b36778
```
#b36778 rgb(179,103,120)
```
#bb5f73
```
#bb5f73 rgb(187,95,115)
```
#c4566e
```
#c4566e rgb(196,86,110)
```
#cd4d69
```
#cd4d69 rgb(205,77,105)
```
#d64465
```
#d64465 rgb(214,68,101)
```
#de3c60
```
#de3c60 rgb(222,60,96)
```
#e7335b
```
#e7335b rgb(231,51,91)
```
#f02a56
```
#f02a56 rgb(240,42,86)
```
#f92151
```
#f92151 rgb(249,33,81)
```

Tone Color Variation

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

#89847b Protanopia 1% of men
#9f7f52 Deuteranopia 1% of men
#ef3c3e Tritanopia 0.001% of the population

Trichromacy

#ae636d Protanomaly 1% of men, 0.01% of women
#bc6053 Deuteranomaly 6% of men, 0.4% of women
#ef3646 Tritanomaly 0.01% of the population

#f02a56 hex color

#f02a56 Color Information

#f02a56 Color Conversion

Color Schemes with #f02a56

Alternatives to #f02a56

#f02a56 Preview

Shades and Tints of #f02a56

Tones of #f02a56

Color Blindness Simulator