#f5045c hex color

In a RGB color space, hex #f5045c is composed of 96.1% red, 1.6% green and 36.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 98.4% magenta, 62.4% yellow and 3.9% black. It has a hue angle of 338.1 degrees, a saturation of 96.8% and a lightness of 48.8%. #f5045c color hex could be obtained by blending #ff08b8 with #eb0000. Closest websafe color is: #ff0066.

♥
- f
- t
- g
- R 96
- G 2
- B 36
RGB color chart
- C 0
- M 98
- Y 62
- K 4
CMYK color chart

● #f5045c color description : Vivid pink.

The hexadecimal color #f5045c has RGB values of R:245, G:4, B:92 and CMYK values of C:0, M:0.98, Y:0.62, K:0.04. Its decimal value is 16057436.

Hex triplet	f5045c	`#f5045c`
RGB Decimal	245, 4, 92	`rgb(245,4,92)`
RGB Percent	96.1, 1.6, 36.1	`rgb(96.1%,1.6%,36.1%)`
CMYK	0, 98, 62, 4
HSL	338.1°, 96.8, 48.8	`hsl(338.1,96.8%,48.8%)`
HSV (or HSB)	338.1°, 98.4, 96.1
Web Safe	ff0066	`#ff0066`

CIE-LAB	52.149, 79.8, 21.738
XYZ	39.633, 20.277, 11.952
xyY	0.552, 0.282, 20.277
CIE-LCH	52.149, 82.708, 15.238
CIE-LUV	52.149, 148.972, 8.379
Hunter-Lab	45.03, 78.305, 15.784
Binary	11110101, 00000100, 01011100

#f5045c
```
#f5045c rgb(245,4,92)
```
#04f59d
```
#04f59d rgb(4,245,157)
```

Complementary Color

#f504d5
```
#f504d5 rgb(245,4,213)
```
#f5045c
```
#f5045c rgb(245,4,92)
```
#f52504
```
#f52504 rgb(245,37,4)
```

Analogous Color

#04d5f5
```
#04d5f5 rgb(4,213,245)
```
#f5045c
```
#f5045c rgb(245,4,92)
```
#04f525
```
#04f525 rgb(4,245,37)
```

Split Complementary Color

#045cf5
```
#045cf5 rgb(4,92,245)
```
#f5045c
```
#f5045c rgb(245,4,92)
```
#5cf504
```
#5cf504 rgb(92,245,4)
```

Triadic Color

#9d04f5
```
#9d04f5 rgb(157,4,245)
```
#f5045c
```
#f5045c rgb(245,4,92)
```
#5cf504
```
#5cf504 rgb(92,245,4)
```
#04f59d
```
#04f59d rgb(4,245,157)
```

Tetradic Color

#aa0340
```
#aa0340 rgb(170,3,64)
```
#c30349
```
#c30349 rgb(195,3,73)
```
#dc0453
```
#dc0453 rgb(220,4,83)
```
#f5045c
```
#f5045c rgb(245,4,92)
```
#fb176b
```
#fb176b rgb(251,23,107)
```
#fc307b
```
#fc307b rgb(252,48,123)
```
#fc498b
```
#fc498b rgb(252,73,139)
```

Monochromatic Color

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

#f50498
```
#f50498 rgb(245,4,152)
```
#f50484
```
#f50484 rgb(245,4,132)
```
#f50470
```
#f50470 rgb(245,4,112)
```
#f5045c
```
#f5045c rgb(245,4,92)
```
#f50448
```
#f50448 rgb(245,4,72)
```
#f50434
```
#f50434 rgb(245,4,52)
```
#f50420
```
#f50420 rgb(245,4,32)
```

Similar Colors

Text with hexadecimal color #f5045c

This text has a font color of #f5045c.

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

#f5045c background color

This paragraph has a background color of #f5045c.

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

#f5045c border color

This element has a border color of #f5045c.

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

CSS codes

.text {color:#f5045c;}

.background {background-color:#f5045c;}

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

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

#0d0005
```
#0d0005 rgb(13,0,5)
```
#21010c
```
#21010c rgb(33,1,12)
```
#340114
```
#340114 rgb(52,1,20)
```
#47011b
```
#47011b rgb(71,1,27)
```
#5b0122
```
#5b0122 rgb(91,1,34)
```
#6e0229
```
#6e0229 rgb(110,2,41)
```
#810231
```
#810231 rgb(129,2,49)
```
#940238
```
#940238 rgb(148,2,56)
```
#a8033f
```
#a8033f rgb(168,3,63)
```
#bb0346
```
#bb0346 rgb(187,3,70)
```
#ce034e
```
#ce034e rgb(206,3,78)
```
#e20455
```
#e20455 rgb(226,4,85)
```
#f5045c
```
#f5045c rgb(245,4,92)
```

Shade Color Variation

#fb1167
```
#fb1167 rgb(251,17,103)
```
#fb2573
```
#fb2573 rgb(251,37,115)
```
#fc3880
```
#fc3880 rgb(252,56,128)
```
#fc4b8c
```
#fc4b8c rgb(252,75,140)
```
#fc5f98
```
#fc5f98 rgb(252,95,152)
```
#fd72a5
```
#fd72a5 rgb(253,114,165)
```
#fd85b1
```
#fd85b1 rgb(253,133,177)
```
#fd99bd
```
#fd99bd rgb(253,153,189)
```
#feacca
```
#feacca rgb(254,172,202)
```
#febfd6
```
#febfd6 rgb(254,191,214)
```
#fed2e2
```
#fed2e2 rgb(254,210,226)
```
#ffe6ef
```
#ffe6ef rgb(255,230,239)
```
#fff9fb
```
#fff9fb rgb(255,249,251)
```

Tint Color Variation

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

#82777b
```
#82777b rgb(130,119,123)
```
#8c6d78
```
#8c6d78 rgb(140,109,120)
```
#956476
```
#956476 rgb(149,100,118)
```
#9f5a73
```
#9f5a73 rgb(159,90,115)
```
#a85171
```
#a85171 rgb(168,81,113)
```
#b2476e
```
#b2476e rgb(178,71,110)
```
#bc3d6b
```
#bc3d6b rgb(188,61,107)
```
#c53469
```
#c53469 rgb(197,52,105)
```
#cf2a66
```
#cf2a66 rgb(207,42,102)
```
#d82164
```
#d82164 rgb(216,33,100)
```
#e21761
```
#e21761 rgb(226,23,97)
```
#eb0e5f
```
#eb0e5f rgb(235,14,95)
```
#f5045c
```
#f5045c rgb(245,4,92)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#764657 Atypical Achromatopsia 0.001% of the population

Dichromacy

#838288 Protanopia 1% of men
#9c7d56 Deuteranopia 1% of men
#f32c2a Tritanopia 0.001% of the population

Trichromacy

#ac5478 Protanomaly 1% of men, 0.01% of women
#bc5158 Deuteranomaly 6% of men, 0.4% of women
#f41e3c Tritanomaly 0.01% of the population

#f5045c hex color

#f5045c Color Information

#f5045c Color Conversion

Color Schemes with #f5045c

Alternatives to #f5045c

#f5045c Preview

Shades and Tints of #f5045c

Tones of #f5045c

Color Blindness Simulator