#f52045 hex color

In a RGB color space, hex #f52045 is composed of 96.1% red, 12.5% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 86.9% magenta, 71.8% yellow and 3.9% black. It has a hue angle of 349.6 degrees, a saturation of 91.4% and a lightness of 54.3%. #f52045 color hex could be obtained by blending #ff408a with #eb0000. Closest websafe color is: #ff3333.

♥
- f
- t
- g
- R 96
- G 13
- B 27
RGB color chart
- C 0
- M 87
- Y 72
- K 4
CMYK color chart

● #f52045 color description : Vivid red.

The hexadecimal color #f52045 has RGB values of R:245, G:32, B:69 and CMYK values of C:0, M:0.87, Y:0.72, K:0.04. Its decimal value is 16064581.

Hex triplet	f52045	`#f52045`
RGB Decimal	245, 32, 69	`rgb(245,32,69)`
RGB Percent	96.1, 12.5, 27.1	`rgb(96.1%,12.5%,27.1%)`
CMYK	0, 87, 72, 4
HSL	349.6°, 91.4, 54.3	`hsl(349.6,91.4%,54.3%)`
HSV (or HSB)	349.6°, 86.9, 96.1
Web Safe	ff3333	`#ff3333`

CIE-LAB	52.818, 75.704, 36.328
XYZ	39.249, 20.88, 7.594
xyY	0.58, 0.308, 20.88
CIE-LCH	52.818, 83.97, 25.635
CIE-LUV	52.818, 151.441, 22.3
Hunter-Lab	45.695, 73.354, 22.133
Binary	11110101, 00100000, 01000101

#f52045
```
#f52045 rgb(245,32,69)
```
#20f5d0
```
#20f5d0 rgb(32,245,208)
```

Complementary Color

#f520b0
```
#f520b0 rgb(245,32,176)
```
#f52045
```
#f52045 rgb(245,32,69)
```
#f56620
```
#f56620 rgb(245,102,32)
```

Analogous Color

#20b0f5
```
#20b0f5 rgb(32,176,245)
```
#f52045
```
#f52045 rgb(245,32,69)
```
#20f566
```
#20f566 rgb(32,245,102)
```

Split Complementary Color

#2045f5
```
#2045f5 rgb(32,69,245)
```
#f52045
```
#f52045 rgb(245,32,69)
```
#45f520
```
#45f520 rgb(69,245,32)
```

Triadic Color

#d020f5
```
#d020f5 rgb(208,32,245)
```
#f52045
```
#f52045 rgb(245,32,69)
```
#45f520
```
#45f520 rgb(69,245,32)
```
#20f5d0
```
#20f5d0 rgb(32,245,208)
```

Tetradic Color

#c00928
```
#c00928 rgb(192,9,40)
```
#d80a2e
```
#d80a2e rgb(216,10,46)
```
#f10b33
```
#f10b33 rgb(241,11,51)
```
#f52045
```
#f52045 rgb(245,32,69)
```
#f63859
```
#f63859 rgb(246,56,89)
```
#f7516e
```
#f7516e rgb(247,81,110)
```
#f86982
```
#f86982 rgb(248,105,130)
```

Monochromatic Color

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

#f5207a
```
#f5207a rgb(245,32,122)
```
#f52069
```
#f52069 rgb(245,32,105)
```
#f52057
```
#f52057 rgb(245,32,87)
```
#f52045
```
#f52045 rgb(245,32,69)
```
#f52033
```
#f52033 rgb(245,32,51)
```
#f52021
```
#f52021 rgb(245,32,33)
```
#f53020
```
#f53020 rgb(245,48,32)
```

Similar Colors

Text with hexadecimal color #f52045

This text has a font color of #f52045.

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

#f52045 background color

This paragraph has a background color of #f52045.

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

#f52045 border color

This element has a border color of #f52045.

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

CSS codes

.text {color:#f52045;}

.background {background-color:#f52045;}

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

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

#020000
```
#020000 rgb(2,0,0)
```
#150104
```
#150104 rgb(21,1,4)
```
#280208
```
#280208 rgb(40,2,8)
```
#3b030c
```
#3b030c rgb(59,3,12)
```
#4d0310
```
#4d0310 rgb(77,3,16)
```
#600414
```
#600414 rgb(96,4,20)
```
#730518
```
#730518 rgb(115,5,24)
```
#86061c
```
#86061c rgb(134,6,28)
```
#980720
```
#980720 rgb(152,7,32)
```
#ab0824
```
#ab0824 rgb(171,8,36)
```
#be0928
```
#be0928 rgb(190,9,40)
```
#d1092c
```
#d1092c rgb(209,9,44)
```
#e40a30
```
#e40a30 rgb(228,10,48)
```

Shade Color Variation

#f40d35
```
#f40d35 rgb(244,13,53)
```
#f52045
```
#f52045 rgb(245,32,69)
```
#f63355
```
#f63355 rgb(246,51,85)
```
#f74664
```
#f74664 rgb(247,70,100)
```
#f85874
```
#f85874 rgb(248,88,116)
```
#f86b84
```
#f86b84 rgb(248,107,132)
```
#f97e93
```
#f97e93 rgb(249,126,147)
```
#fa91a3
```
#fa91a3 rgb(250,145,163)
```
#fba3b3
```
#fba3b3 rgb(251,163,179)
```
#fcb6c2
```
#fcb6c2 rgb(252,182,194)
```
#fdc9d2
```
#fdc9d2 rgb(253,201,210)
```
#fddce2
```
#fddce2 rgb(253,220,226)
```
#feeff1
```
#feeff1 rgb(254,239,241)
```

Tint Color Variation

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

#928385
```
#928385 rgb(146,131,133)
```
#9b7a7f
```
#9b7a7f rgb(155,122,127)
```
#a4717a
```
#a4717a rgb(164,113,122)
```
#ad6874
```
#ad6874 rgb(173,104,116)
```
#b65f6e
```
#b65f6e rgb(182,95,110)
```
#bf5668
```
#bf5668 rgb(191,86,104)
```
#c84d62
```
#c84d62 rgb(200,77,98)
```
#d1445c
```
#d1445c rgb(209,68,92)
```
#da3b57
```
#da3b57 rgb(218,59,87)
```
#e33251
```
#e33251 rgb(227,50,81)
```
#ec294b
```
#ec294b rgb(236,41,75)
```
#f52045
```
#f52045 rgb(245,32,69)
```
#fe173f
```
#fe173f rgb(254,23,63)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#81565e Atypical Achromatopsia 0.001% of the population

Dichromacy

#8d8469 Protanopia 1% of men
#a27e40 Deuteranopia 1% of men
#f43231 Tritanopia 0.001% of the population

Trichromacy

#b25f5c Protanomaly 1% of men, 0.01% of women
#c05c42 Deuteranomaly 6% of men, 0.4% of women
#f42b38 Tritanomaly 0.01% of the population

#f52045 hex color

#f52045 Color Information

#f52045 Color Conversion

Color Schemes with #f52045

Alternatives to #f52045

#f52045 Preview

Shades and Tints of #f52045

Tones of #f52045

Color Blindness Simulator