#f5448e hex color

In a RGB color space, hex #f5448e is composed of 96.1% red, 26.7% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 72.2% magenta, 42% yellow and 3.9% black. It has a hue angle of 334.9 degrees, a saturation of 89.8% and a lightness of 61.4%. #f5448e color hex could be obtained by blending #ff88ff with #eb001d. Closest websafe color is: #ff3399.

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

● #f5448e color description : Bright pink.

The hexadecimal color #f5448e has RGB values of R:245, G:68, B:142 and CMYK values of C:0, M:0.72, Y:0.42, K:0.04. Its decimal value is 16073870.

Hex triplet	f5448e	`#f5448e`
RGB Decimal	245, 68, 142	`rgb(245,68,142)`
RGB Percent	96.1, 26.7, 55.7	`rgb(96.1%,26.7%,55.7%)`
CMYK	0, 72, 42, 4
HSL	334.9°, 89.8, 61.4	`hsl(334.9,89.8%,61.4%)`
HSV (or HSB)	334.9°, 72.2, 96.1
Web Safe	ff3399	`#ff3399`

CIE-LAB	57.563, 71.476, -0.597
XYZ	44.607, 25.504, 28.164
xyY	0.454, 0.26, 25.504
CIE-LCH	57.563, 71.479, 359.522
CIE-LUV	57.563, 112.909, -14.759
Hunter-Lab	50.502, 69.287, 2.287
Binary	11110101, 01000100, 10001110

#f5448e
```
#f5448e rgb(245,68,142)
```
#44f5ab
```
#44f5ab rgb(68,245,171)
```

Complementary Color

#f544e7
```
#f544e7 rgb(245,68,231)
```
#f5448e
```
#f5448e rgb(245,68,142)
```
#f55344
```
#f55344 rgb(245,83,68)
```

Analogous Color

#44e7f5
```
#44e7f5 rgb(68,231,245)
```
#f5448e
```
#f5448e rgb(245,68,142)
```
#44f553
```
#44f553 rgb(68,245,83)
```

Split Complementary Color

#448ef5
```
#448ef5 rgb(68,142,245)
```
#f5448e
```
#f5448e rgb(245,68,142)
```
#8ef544
```
#8ef544 rgb(142,245,68)
```

Triadic Color

#ab44f5
```
#ab44f5 rgb(171,68,245)
```
#f5448e
```
#f5448e rgb(245,68,142)
```
#8ef544
```
#8ef544 rgb(142,245,68)
```
#44f5ab
```
#44f5ab rgb(68,245,171)
```

Tetradic Color

#e00c65
```
#e00c65 rgb(224,12,101)
```
#f21471
```
#f21471 rgb(242,20,113)
```
#f42c7f
```
#f42c7f rgb(244,44,127)
```
#f5448e
```
#f5448e rgb(245,68,142)
```
#f65c9d
```
#f65c9d rgb(246,92,157)
```
#f874ab
```
#f874ab rgb(248,116,171)
```
#f98dba
```
#f98dba rgb(249,141,186)
```

Monochromatic Color

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

#f544ba
```
#f544ba rgb(245,68,186)
```
#f544ac
```
#f544ac rgb(245,68,172)
```
#f5449d
```
#f5449d rgb(245,68,157)
```
#f5448e
```
#f5448e rgb(245,68,142)
```
#f5447f
```
#f5447f rgb(245,68,127)
```
#f54471
```
#f54471 rgb(245,68,113)
```
#f54462
```
#f54462 rgb(245,68,98)
```

Similar Colors

Text with hexadecimal color #f5448e

This text has a font color of #f5448e.

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

#f5448e background color

This paragraph has a background color of #f5448e.

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

#f5448e border color

This element has a border color of #f5448e.

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

CSS codes

.text {color:#f5448e;}

.background {background-color:#f5448e;}

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

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

#120108
```
#120108 rgb(18,1,8)
```
#240210
```
#240210 rgb(36,2,16)
```
#370319
```
#370319 rgb(55,3,25)
```
#4a0421
```
#4a0421 rgb(74,4,33)
```
#5c0529
```
#5c0529 rgb(92,5,41)
```
#6f0632
```
#6f0632 rgb(111,6,50)
```
#82073a
```
#82073a rgb(130,7,58)
```
#940843
```
#940843 rgb(148,8,67)
```
#a7094b
```
#a7094b rgb(167,9,75)
```
#b90a53
```
#b90a53 rgb(185,10,83)
```
#cc0b5c
```
#cc0b5c rgb(204,11,92)
```
#df0c64
```
#df0c64 rgb(223,12,100)
```
#f10d6c
```
#f10d6c rgb(241,13,108)
```

Shade Color Variation

#f31f77
```
#f31f77 rgb(243,31,119)
```
#f43183
```
#f43183 rgb(244,49,131)
```
#f5448e
```
#f5448e rgb(245,68,142)
```
#f65799
```
#f65799 rgb(246,87,153)
```
#f769a5
```
#f769a5 rgb(247,105,165)
```
#f87cb0
```
#f87cb0 rgb(248,124,176)
```
#f98ebb
```
#f98ebb rgb(249,142,187)
```
#faa1c6
```
#faa1c6 rgb(250,161,198)
```
#fbb4d2
```
#fbb4d2 rgb(251,180,210)
```
#fcc6dd
```
#fcc6dd rgb(252,198,221)
```
#fdd9e8
```
#fdd9e8 rgb(253,217,232)
```
#feecf3
```
#feecf3 rgb(254,236,243)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

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

#a2979c
```
#a2979c rgb(162,151,156)
```
#a9909a
```
#a9909a rgb(169,144,154)
```
#b18899
```
#b18899 rgb(177,136,153)
```
#b88198
```
#b88198 rgb(184,129,152)
```
#c07997
```
#c07997 rgb(192,121,151)
```
#c87195
```
#c87195 rgb(200,113,149)
```
#cf6a94
```
#cf6a94 rgb(207,106,148)
```
#d76293
```
#d76293 rgb(215,98,147)
```
#de5b92
```
#de5b92 rgb(222,91,146)
```
#e65390
```
#e65390 rgb(230,83,144)
```
#ed4c8f
```
#ed4c8f rgb(237,76,143)
```
#f5448e
```
#f5448e rgb(245,68,142)
```
#fd3c8d
```
#fd3c8d rgb(253,60,141)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#987584 Atypical Achromatopsia 0.001% of the population

Dichromacy

#858eb5 Protanopia 1% of men
#a18b87 Deuteranopia 1% of men
#f25b5f Tritanopia 0.001% of the population

Trichromacy

#ae73a7 Protanomaly 1% of men, 0.01% of women
#bf7189 Deuteranomaly 6% of men, 0.4% of women
#f35270 Tritanomaly 0.01% of the population

#f5448e hex color

#f5448e Color Information

#f5448e Color Conversion

Color Schemes with #f5448e

Alternatives to #f5448e

#f5448e Preview

Shades and Tints of #f5448e

Tones of #f5448e

Color Blindness Simulator