#f24095 hex color

In a RGB color space, hex #f24095 is composed of 94.9% red, 25.1% green and 58.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 73.6% magenta, 38.4% yellow and 5.1% black. It has a hue angle of 331.3 degrees, a saturation of 87.3% and a lightness of 60%. #f24095 color hex could be obtained by blending #ff80ff with #e5002b. Closest websafe color is: #ff3399.

♥
- f
- t
- g
- R 95
- G 25
- B 58
RGB color chart
- C 0
- M 74
- Y 38
- K 5
CMYK color chart

● #f24095 color description : Bright pink.

The hexadecimal color #f24095 has RGB values of R:242, G:64, B:149 and CMYK values of C:0, M:0.74, Y:0.38, K:0.05. Its decimal value is 15876245.

Hex triplet	f24095	`#f24095`
RGB Decimal	242, 64, 149	`rgb(242,64,149)`
RGB Percent	94.9, 25.1, 58.4	`rgb(94.9%,25.1%,58.4%)`
CMYK	0, 74, 38, 5
HSL	331.3°, 87.3, 60	`hsl(331.3,87.3%,60%)`
HSV (or HSB)	331.3°, 73.6, 94.9
Web Safe	ff3399	`#ff3399`

CIE-LAB	56.8, 72.636, -5.903
XYZ	43.877, 24.718, 30.893
xyY	0.441, 0.248, 24.718
CIE-LCH	56.8, 72.876, 355.354
CIE-LUV	56.8, 109.361, -22.03
Hunter-Lab	49.717, 70.526, -2.038
Binary	11110010, 01000000, 10010101

#f24095
```
#f24095 rgb(242,64,149)
```
#40f29d
```
#40f29d rgb(64,242,157)
```

Complementary Color

#f240ee
```
#f240ee rgb(242,64,238)
```
#f24095
```
#f24095 rgb(242,64,149)
```
#f24440
```
#f24440 rgb(242,68,64)
```

Analogous Color

#40eef2
```
#40eef2 rgb(64,238,242)
```
#f24095
```
#f24095 rgb(242,64,149)
```
#40f244
```
#40f244 rgb(64,242,68)
```

Split Complementary Color

#4095f2
```
#4095f2 rgb(64,149,242)
```
#f24095
```
#f24095 rgb(242,64,149)
```
#95f240
```
#95f240 rgb(149,242,64)
```

Triadic Color

#9d40f2
```
#9d40f2 rgb(157,64,242)
```
#f24095
```
#f24095 rgb(242,64,149)
```
#95f240
```
#95f240 rgb(149,242,64)
```
#40f29d
```
#40f29d rgb(64,242,157)
```

Tetradic Color

#d70f6e
```
#d70f6e rgb(215,15,110)
```
#ef107b
```
#ef107b rgb(239,16,123)
```
#f02888
```
#f02888 rgb(240,40,136)
```
#f24095
```
#f24095 rgb(242,64,149)
```
#f458a2
```
#f458a2 rgb(244,88,162)
```
#f570b0
```
#f570b0 rgb(245,112,176)
```
#f788bd
```
#f788bd rgb(247,136,189)
```

Monochromatic Color

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

#f240c2
```
#f240c2 rgb(242,64,194)
```
#f240b3
```
#f240b3 rgb(242,64,179)
```
#f240a4
```
#f240a4 rgb(242,64,164)
```
#f24095
```
#f24095 rgb(242,64,149)
```
#f24086
```
#f24086 rgb(242,64,134)
```
#f24077
```
#f24077 rgb(242,64,119)
```
#f24069
```
#f24069 rgb(242,64,105)
```

Similar Colors

Text with hexadecimal color #f24095

This text has a font color of #f24095.

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

#f24095 background color

This paragraph has a background color of #f24095.

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

#f24095 border color

This element has a border color of #f24095.

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

CSS codes

.text {color:#f24095;}

.background {background-color:#f24095;}

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

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

#0b0106
```
#0b0106 rgb(11,1,6)
```
#1d020f
```
#1d020f rgb(29,2,15)
```
#300319
```
#300319 rgb(48,3,25)
```
#420522
```
#420522 rgb(66,5,34)
```
#54062b
```
#54062b rgb(84,6,43)
```
#670735
```
#670735 rgb(103,7,53)
```
#79083e
```
#79083e rgb(121,8,62)
```
#8c0a48
```
#8c0a48 rgb(140,10,72)
```
#9e0b51
```
#9e0b51 rgb(158,11,81)
```
#b00c5a
```
#b00c5a rgb(176,12,90)
```
#c30d64
```
#c30d64 rgb(195,13,100)
```
#d50f6d
```
#d50f6d rgb(213,15,109)
```
#e71077
```
#e71077 rgb(231,16,119)
```

Shade Color Variation

#f01b81
```
#f01b81 rgb(240,27,129)
```
#f12e8b
```
#f12e8b rgb(241,46,139)
```
#f24095
```
#f24095 rgb(242,64,149)
```
#f3529f
```
#f3529f rgb(243,82,159)
```
#f565a9
```
#f565a9 rgb(245,101,169)
```
#f677b4
```
#f677b4 rgb(246,119,180)
```
#f789be
```
#f789be rgb(247,137,190)
```
#f89cc8
```
#f89cc8 rgb(248,156,200)
```
#faaed2
```
#faaed2 rgb(250,174,210)
```
#fbc1dc
```
#fbc1dc rgb(251,193,220)
```
#fcd3e7
```
#fcd3e7 rgb(252,211,231)
```
#fde5f1
```
#fde5f1 rgb(253,229,241)
```
#fff8fb
```
#fff8fb rgb(255,248,251)
```

Tint Color Variation

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

#9c9699
```
#9c9699 rgb(156,150,153)
```
#a48e99
```
#a48e99 rgb(164,142,153)
```
#ab8798
```
#ab8798 rgb(171,135,152)
```
#b37f98
```
#b37f98 rgb(179,127,152)
```
#bb7797
```
#bb7797 rgb(187,119,151)
```
#c36f97
```
#c36f97 rgb(195,111,151)
```
#cb6797
```
#cb6797 rgb(203,103,151)
```
#d35f96
```
#d35f96 rgb(211,95,150)
```
#da5896
```
#da5896 rgb(218,88,150)
```
#e25096
```
#e25096 rgb(226,80,150)
```
#ea4895
```
#ea4895 rgb(234,72,149)
```
#f24095
```
#f24095 rgb(242,64,149)
```
#fa3895
```
#fa3895 rgb(250,56,149)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#967283 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e8cbf Protanopia 1% of men
#9b8a8d Deuteranopia 1% of men
#ee5a5f Tritanopia 0.001% of the population

Trichromacy

#a870af Protanomaly 1% of men, 0.01% of women
#bb6f90 Deuteranomaly 6% of men, 0.4% of women
#ef5072 Tritanomaly 0.01% of the population

#f24095 hex color

#f24095 Color Information

#f24095 Color Conversion

Color Schemes with #f24095

Alternatives to #f24095

#f24095 Preview

Shades and Tints of #f24095

Tones of #f24095

Color Blindness Simulator