#f2448d hex color

In a RGB color space, hex #f2448d is composed of 94.9% red, 26.7% green and 55.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 71.9% magenta, 41.7% yellow and 5.1% black. It has a hue angle of 334.8 degrees, a saturation of 87% and a lightness of 60.8%. #f2448d color hex could be obtained by blending #ff88ff with #e5001b. Closest websafe color is: #ff3399.

♥
- f
- t
- g
- R 95
- G 27
- B 55
RGB color chart
- C 0
- M 72
- Y 42
- K 5
CMYK color chart

● #f2448d color description : Bright pink.

The hexadecimal color #f2448d has RGB values of R:242, G:68, B:141 and CMYK values of C:0, M:0.72, Y:0.42, K:0.05. Its decimal value is 15877261.

Hex triplet	f2448d	`#f2448d`
RGB Decimal	242, 68, 141	`rgb(242,68,141)`
RGB Percent	94.9, 26.7, 55.3	`rgb(94.9%,26.7%,55.3%)`
CMYK	0, 72, 42, 5
HSL	334.8°, 87, 60.8	`hsl(334.8,87%,60.8%)`
HSV (or HSB)	334.8°, 71.9, 94.9
Web Safe	ff3399	`#ff3399`

CIE-LAB	57.016, 70.577, -0.87
XYZ	43.494, 24.939, 27.721
xyY	0.452, 0.259, 24.939
CIE-LCH	57.016, 70.583, 359.294
CIE-LUV	57.016, 110.881, -14.898
Hunter-Lab	49.939, 68.07, 2.045
Binary	11110010, 01000100, 10001101

#f2448d
```
#f2448d rgb(242,68,141)
```
#44f2a9
```
#44f2a9 rgb(68,242,169)
```

Complementary Color

#f244e4
```
#f244e4 rgb(242,68,228)
```
#f2448d
```
#f2448d rgb(242,68,141)
```
#f25244
```
#f25244 rgb(242,82,68)
```

Analogous Color

#44e4f2
```
#44e4f2 rgb(68,228,242)
```
#f2448d
```
#f2448d rgb(242,68,141)
```
#44f252
```
#44f252 rgb(68,242,82)
```

Split Complementary Color

#448df2
```
#448df2 rgb(68,141,242)
```
#f2448d
```
#f2448d rgb(242,68,141)
```
#8df244
```
#8df244 rgb(141,242,68)
```

Triadic Color

#a944f2
```
#a944f2 rgb(169,68,242)
```
#f2448d
```
#f2448d rgb(242,68,141)
```
#8df244
```
#8df244 rgb(141,242,68)
```
#44f2a9
```
#44f2a9 rgb(68,242,169)
```

Tetradic Color

#da0f64
```
#da0f64 rgb(218,15,100)
```
#ef1470
```
#ef1470 rgb(239,20,112)
```
#f02c7e
```
#f02c7e rgb(240,44,126)
```
#f2448d
```
#f2448d rgb(242,68,141)
```
#f45c9c
```
#f45c9c rgb(244,92,156)
```
#f574aa
```
#f574aa rgb(245,116,170)
```
#f78cb9
```
#f78cb9 rgb(247,140,185)
```

Monochromatic Color

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

#f244b9
```
#f244b9 rgb(242,68,185)
```
#f244aa
```
#f244aa rgb(242,68,170)
```
#f2449c
```
#f2449c rgb(242,68,156)
```
#f2448d
```
#f2448d rgb(242,68,141)
```
#f2447f
```
#f2447f rgb(242,68,127)
```
#f24470
```
#f24470 rgb(242,68,112)
```
#f24462
```
#f24462 rgb(242,68,98)
```

Similar Colors

Text with hexadecimal color #f2448d

This text has a font color of #f2448d.

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

#f2448d background color

This paragraph has a background color of #f2448d.

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

#f2448d border color

This element has a border color of #f2448d.

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

CSS codes

.text {color:#f2448d;}

.background {background-color:#f2448d;}

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

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

#0f0107
```
#0f0107 rgb(15,1,7)
```
#21020f
```
#21020f rgb(33,2,15)
```
#330418
```
#330418 rgb(51,4,24)
```
#460520
```
#460520 rgb(70,5,32)
```
#580629
```
#580629 rgb(88,6,41)
```
#6a0731
```
#6a0731 rgb(106,7,49)
```
#7d0939
```
#7d0939 rgb(125,9,57)
```
#8f0a42
```
#8f0a42 rgb(143,10,66)
```
#a10b4a
```
#a10b4a rgb(161,11,74)
```
#b40d53
```
#b40d53 rgb(180,13,83)
```
#c60e5b
```
#c60e5b rgb(198,14,91)
```
#d80f64
```
#d80f64 rgb(216,15,100)
```
#eb106c
```
#eb106c rgb(235,16,108)
```

Shade Color Variation

#ef1f77
```
#ef1f77 rgb(239,31,119)
```
#f13282
```
#f13282 rgb(241,50,130)
```
#f2448d
```
#f2448d rgb(242,68,141)
```
#f35698
```
#f35698 rgb(243,86,152)
```
#f569a3
```
#f569a3 rgb(245,105,163)
```
#f67baf
```
#f67baf rgb(246,123,175)
```
#f78dba
```
#f78dba rgb(247,141,186)
```
#f8a0c5
```
#f8a0c5 rgb(248,160,197)
```
#fab2d0
```
#fab2d0 rgb(250,178,208)
```
#fbc4db
```
#fbc4db rgb(251,196,219)
```
#fcd7e6
```
#fcd7e6 rgb(252,215,230)
```
#fde9f2
```
#fde9f2 rgb(253,233,242)
```
#fffbfd
```
#fffbfd rgb(255,251,253)
```

Tint Color Variation

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

#9d999b
```
#9d999b rgb(157,153,155)
```
#a59199
```
#a59199 rgb(165,145,153)
```
#ad8998
```
#ad8998 rgb(173,137,152)
```
#b48297
```
#b48297 rgb(180,130,151)
```
#bc7a96
```
#bc7a96 rgb(188,122,150)
```
#c47294
```
#c47294 rgb(196,114,148)
```
#cc6a93
```
#cc6a93 rgb(204,106,147)
```
#d36392
```
#d36392 rgb(211,99,146)
```
#db5b91
```
#db5b91 rgb(219,91,145)
```
#e3538f
```
#e3538f rgb(227,83,143)
```
#ea4c8e
```
#ea4c8e rgb(234,76,142)
```
#f2448d
```
#f2448d rgb(242,68,141)
```
#fa3c8c
```
#fa3c8c rgb(250,60,140)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#977483 Atypical Achromatopsia 0.001% of the population

Dichromacy

#848db4 Protanopia 1% of men
#9f8a86 Deuteranopia 1% of men
#ef5a5f Tritanopia 0.001% of the population

Trichromacy

#ac72a6 Protanomaly 1% of men, 0.01% of women
#bd7088 Deuteranomaly 6% of men, 0.4% of women
#f05270 Tritanomaly 0.01% of the population

#f2448d hex color

#f2448d Color Information

#f2448d Color Conversion

Color Schemes with #f2448d

Alternatives to #f2448d

#f2448d Preview

Shades and Tints of #f2448d

Tones of #f2448d

Color Blindness Simulator