#f52a30 hex color

In a RGB color space, hex #f52a30 is composed of 96.1% red, 16.5% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 82.9% magenta, 80.4% yellow and 3.9% black. It has a hue angle of 358.2 degrees, a saturation of 91% and a lightness of 56.3%. #f52a30 color hex could be obtained by blending #ff5460 with #eb0000. Closest websafe color is: #ff3333.

♥
- f
- t
- g
- R 96
- G 16
- B 19
RGB color chart
- C 0
- M 83
- Y 80
- K 4
CMYK color chart

● #f52a30 color description : Bright red.

The hexadecimal color #f52a30 has RGB values of R:245, G:42, B:48 and CMYK values of C:0, M:0.83, Y:0.8, K:0.04. Its decimal value is 16067120.

Hex triplet	f52a30	`#f52a30`
RGB Decimal	245, 42, 48	`rgb(245,42,48)`
RGB Percent	96.1, 16.5, 18.8	`rgb(96.1%,16.5%,18.8%)`
CMYK	0, 83, 80, 4
HSL	358.2°, 91, 56.3	`hsl(358.2,91%,56.3%)`
HSV (or HSB)	358.2°, 82.9, 96.1
Web Safe	ff3333	`#ff3333`

CIE-LAB	53.262, 73.065, 48.519
XYZ	39.02, 21.287, 4.85
xyY	0.599, 0.327, 21.287
CIE-LCH	53.262, 87.707, 33.586
CIE-LUV	53.262, 152.845, 31.478
Hunter-Lab	46.138, 70.221, 26.063
Binary	11110101, 00101010, 00110000

#f52a30
```
#f52a30 rgb(245,42,48)
```
#2af5ef
```
#2af5ef rgb(42,245,239)
```

Complementary Color

#f52a96
```
#f52a96 rgb(245,42,150)
```
#f52a30
```
#f52a30 rgb(245,42,48)
```
#f58a2a
```
#f58a2a rgb(245,138,42)
```

Analogous Color

#2a96f5
```
#2a96f5 rgb(42,150,245)
```
#f52a30
```
#f52a30 rgb(245,42,48)
```
#2af58a
```
#2af58a rgb(42,245,138)
```

Split Complementary Color

#2a30f5
```
#2a30f5 rgb(42,48,245)
```
#f52a30
```
#f52a30 rgb(245,42,48)
```
#30f52a
```
#30f52a rgb(48,245,42)
```

Triadic Color

#ef2af5
```
#ef2af5 rgb(239,42,245)
```
#f52a30
```
#f52a30 rgb(245,42,48)
```
#30f52a
```
#30f52a rgb(48,245,42)
```
#2af5ef
```
#2af5ef rgb(42,245,239)
```

Tetradic Color

#c9090f
```
#c9090f rgb(201,9,15)
```
#e10b11
```
#e10b11 rgb(225,11,17)
```
#f41218
```
#f41218 rgb(244,18,24)
```
#f52a30
```
#f52a30 rgb(245,42,48)
```
#f64248
```
#f64248 rgb(246,66,72)
```
#f75b5f
```
#f75b5f rgb(247,91,95)
```
#f87377
```
#f87377 rgb(248,115,119)
```

Monochromatic Color

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

#f52a63
```
#f52a63 rgb(245,42,99)
```
#f52a52
```
#f52a52 rgb(245,42,82)
```
#f52a41
```
#f52a41 rgb(245,42,65)
```
#f52a30
```
#f52a30 rgb(245,42,48)
```
#f5352a
```
#f5352a rgb(245,53,42)
```
#f5462a
```
#f5462a rgb(245,70,42)
```
#f5572a
```
#f5572a rgb(245,87,42)
```

Similar Colors

Text with hexadecimal color #f52a30

This text has a font color of #f52a30.

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

#f52a30 background color

This paragraph has a background color of #f52a30.

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

#f52a30 border color

This element has a border color of #f52a30.

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

CSS codes

.text {color:#f52a30;}

.background {background-color:#f52a30;}

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

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

#0c0101
```
#0c0101 rgb(12,1,1)
```
#1f0102
```
#1f0102 rgb(31,1,2)
```
#310204
```
#310204 rgb(49,2,4)
```
#440305
```
#440305 rgb(68,3,5)
```
#570407
```
#570407 rgb(87,4,7)
```
#6a0508
```
#6a0508 rgb(106,5,8)
```
#7c0609
```
#7c0609 rgb(124,6,9)
```
#8f070b
```
#8f070b rgb(143,7,11)
```
#a2080c
```
#a2080c rgb(162,8,12)
```
#b4080e
```
#b4080e rgb(180,8,14)
```
#c7090f
```
#c7090f rgb(199,9,15)
```
#da0a10
```
#da0a10 rgb(218,10,16)
```
#ed0b12
```
#ed0b12 rgb(237,11,18)
```

Shade Color Variation

#f4171e
```
#f4171e rgb(244,23,30)
```
#f52a30
```
#f52a30 rgb(245,42,48)
```
#f63d42
```
#f63d42 rgb(246,61,66)
```
#f74f54
```
#f74f54 rgb(247,79,84)
```
#f86267
```
#f86267 rgb(248,98,103)
```
#f97579
```
#f97579 rgb(249,117,121)
```
#f9888b
```
#f9888b rgb(249,136,139)
```
#fa9a9d
```
#fa9a9d rgb(250,154,157)
```
#fbadaf
```
#fbadaf rgb(251,173,175)
```
#fcc0c2
```
#fcc0c2 rgb(252,192,194)
```
#fdd3d4
```
#fdd3d4 rgb(253,211,212)
```
#fee5e6
```
#fee5e6 rgb(254,229,230)
```
#fff8f8
```
#fff8f8 rgb(255,248,248)
```

Tint Color Variation

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

#978889
```
#978889 rgb(151,136,137)
```
#9f8081
```
#9f8081 rgb(159,128,129)
```
#a87779
```
#a87779 rgb(168,119,121)
```
#b06f71
```
#b06f71 rgb(176,111,113)
```
#b96668
```
#b96668 rgb(185,102,104)
```
#c25d60
```
#c25d60 rgb(194,93,96)
```
#ca5558
```
#ca5558 rgb(202,85,88)
```
#d34c50
```
#d34c50 rgb(211,76,80)
```
#db4448
```
#db4448 rgb(219,68,72)
```
#e43b40
```
#e43b40 rgb(228,59,64)
```
#ec3338
```
#ec3338 rgb(236,51,56)
```
#f52a30
```
#f52a30 rgb(245,42,48)
```
#fe2128
```
#fe2128 rgb(254,33,40)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#835b5c Atypical Achromatopsia 0.001% of the population

Dichromacy

#92854f Protanopia 1% of men
#a67f28 Deuteranopia 1% of men
#f53535 Tritanopia 0.001% of the population

Trichromacy

#b66443 Protanomaly 1% of men, 0.01% of women
#c3602b Deuteranomaly 6% of men, 0.4% of women
#f53133 Tritanomaly 0.01% of the population

#f52a30 hex color

#f52a30 Color Information

#f52a30 Color Conversion

Color Schemes with #f52a30

Alternatives to #f52a30

#f52a30 Preview

Shades and Tints of #f52a30

Tones of #f52a30

Color Blindness Simulator