#f45a7d hex color

In a RGB color space, hex #f45a7d is composed of 95.7% red, 35.3% green and 49% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 63.1% magenta, 48.8% yellow and 4.3% black. It has a hue angle of 346.4 degrees, a saturation of 87.5% and a lightness of 65.5%. #f45a7d color hex could be obtained by blending #ffb4fa with #e90000. Closest websafe color is: #ff6666.

♥
- f
- t
- g
- R 96
- G 35
- B 49
RGB color chart
- C 0
- M 63
- Y 49
- K 4
CMYK color chart

● #f45a7d color description : Soft red.

The hexadecimal color #f45a7d has RGB values of R:244, G:90, B:125 and CMYK values of C:0, M:0.63, Y:0.49, K:0.04. Its decimal value is 16013949.

Hex triplet	f45a7d	`#f45a7d`
RGB Decimal	244, 90, 125	`rgb(244,90,125)`
RGB Percent	95.7, 35.3, 49	`rgb(95.7%,35.3%,49%)`
CMYK	0, 63, 49, 4
HSL	346.4°, 87.5, 65.5	`hsl(346.4,87.5%,65.5%)`
HSV (or HSB)	346.4°, 63.1, 95.7
Web Safe	ff6666	`#ff6666`

CIE-LAB	59.916, 61.51, 12.72
XYZ	44.667, 28.03, 22.459
xyY	0.469, 0.295, 28.03
CIE-LCH	59.916, 62.811, 11.684
CIE-LUV	59.916, 107.247, 4.219
Hunter-Lab	52.944, 57.944, 11.909
Binary	11110100, 01011010, 01111101

#f45a7d
```
#f45a7d rgb(244,90,125)
```
#5af4d1
```
#5af4d1 rgb(90,244,209)
```

Complementary Color

#f45aca
```
#f45aca rgb(244,90,202)
```
#f45a7d
```
#f45a7d rgb(244,90,125)
```
#f4845a
```
#f4845a rgb(244,132,90)
```

Analogous Color

#5acaf4
```
#5acaf4 rgb(90,202,244)
```
#f45a7d
```
#f45a7d rgb(244,90,125)
```
#5af484
```
#5af484 rgb(90,244,132)
```

Split Complementary Color

#5a7df4
```
#5a7df4 rgb(90,125,244)
```
#f45a7d
```
#f45a7d rgb(244,90,125)
```
#7df45a
```
#7df45a rgb(125,244,90)
```

Triadic Color

#d15af4
```
#d15af4 rgb(209,90,244)
```
#f45a7d
```
#f45a7d rgb(244,90,125)
```
#7df45a
```
#7df45a rgb(125,244,90)
```
#5af4d1
```
#5af4d1 rgb(90,244,209)
```

Tetradic Color

#ef1244
```
#ef1244 rgb(239,18,68)
```
#f12a57
```
#f12a57 rgb(241,42,87)
```
#f2426a
```
#f2426a rgb(242,66,106)
```
#f45a7d
```
#f45a7d rgb(244,90,125)
```
#f67290
```
#f67290 rgb(246,114,144)
```
#f78aa3
```
#f78aa3 rgb(247,138,163)
```
#f9a2b6
```
#f9a2b6 rgb(249,162,182)
```

Monochromatic Color

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

#f45aa4
```
#f45aa4 rgb(244,90,164)
```
#f45a97
```
#f45a97 rgb(244,90,151)
```
#f45a8a
```
#f45a8a rgb(244,90,138)
```
#f45a7d
```
#f45a7d rgb(244,90,125)
```
#f45a70
```
#f45a70 rgb(244,90,112)
```
#f45a63
```
#f45a63 rgb(244,90,99)
```
#f45d5a
```
#f45d5a rgb(244,93,90)
```

Similar Colors

Text with hexadecimal color #f45a7d

This text has a font color of #f45a7d.

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

#f45a7d background color

This paragraph has a background color of #f45a7d.

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

#f45a7d border color

This element has a border color of #f45a7d.

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

CSS codes

.text {color:#f45a7d;}

.background {background-color:#f45a7d;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#130105
```
#130105 rgb(19,1,5)
```
#25020a
```
#25020a rgb(37,2,10)
```
#380410
```
#380410 rgb(56,4,16)
```
#4a0515
```
#4a0515 rgb(74,5,21)
```
#5c061a
```
#5c061a rgb(92,6,26)
```
#6f071f
```
#6f071f rgb(111,7,31)
```
#810924
```
#810924 rgb(129,9,36)
```
#940a29
```
#940a29 rgb(148,10,41)
```
#a60b2e
```
#a60b2e rgb(166,11,46)
```
#b80c33
```
#b80c33 rgb(184,12,51)
```
#cb0e39
```
#cb0e39 rgb(203,14,57)
```
#dd0f3e
```
#dd0f3e rgb(221,15,62)
```

Shade Color Variation

#ef1043
```
#ef1043 rgb(239,16,67)
```
#f02352
```
#f02352 rgb(240,35,82)
```
#f23560
```
#f23560 rgb(242,53,96)
```
#f3486f
```
#f3486f rgb(243,72,111)
```
#f45a7d
```
#f45a7d rgb(244,90,125)
```
#f56c8b
```
#f56c8b rgb(245,108,139)
```
#f67f9a
```
#f67f9a rgb(246,127,154)
```
#f891a8
```
#f891a8 rgb(248,145,168)
```
#f9a4b7
```
#f9a4b7 rgb(249,164,183)
```
#fab6c5
```
#fab6c5 rgb(250,182,197)
```
#fbc8d4
```
#fbc8d4 rgb(251,200,212)
```
#fddbe2
```
#fddbe2 rgb(253,219,226)
```
#feedf1
```
#feedf1 rgb(254,237,241)
```

Tint Color Variation

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

#aaa4a6
```
#aaa4a6 rgb(170,164,166)
```
#b09ea2
```
#b09ea2 rgb(176,158,162)
```
#b7979e
```
#b7979e rgb(183,151,158)
```
#be909b
```
#be909b rgb(190,144,155)
```
#c58997
```
#c58997 rgb(197,137,151)
```
#cb8393
```
#cb8393 rgb(203,131,147)
```
#d27c8f
```
#d27c8f rgb(210,124,143)
```
#d9758c
```
#d9758c rgb(217,117,140)
```
#e06e88
```
#e06e88 rgb(224,110,136)
```
#e66884
```
#e66884 rgb(230,104,132)
```
#ed6181
```
#ed6181 rgb(237,97,129)
```
#f45a7d
```
#f45a7d rgb(244,90,125)
```
#fb5379
```
#fb5379 rgb(251,83,121)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#a18289 Atypical Achromatopsia 0.001% of the population

Dichromacy

#96959b Protanopia 1% of men
#ad9079 Deuteranopia 1% of men
#f3676d Tritanopia 0.001% of the population

Trichromacy

#b87f90 Protanomaly 1% of men, 0.01% of women
#c77c7a Deuteranomaly 6% of men, 0.4% of women
#f36272 Tritanomaly 0.01% of the population

#f45a7d hex color

#f45a7d Color Information

#f45a7d Color Conversion

Color Schemes with #f45a7d

Alternatives to #f45a7d

#f45a7d Preview

Shades and Tints of #f45a7d

Tones of #f45a7d

Color Blindness Simulator