#f28fa5 hex color

In a RGB color space, hex #f28fa5 is composed of 94.9% red, 56.1% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 40.9% magenta, 31.8% yellow and 5.1% black. It has a hue angle of 346.7 degrees, a saturation of 79.2% and a lightness of 75.5%. #f28fa5 color hex could be obtained by blending #ffffff with #e51f4b. Closest websafe color is: #ff9999.

♥
- f
- t
- g
- R 95
- G 56
- B 65
RGB color chart
- C 0
- M 41
- Y 32
- K 5
CMYK color chart

● #f28fa5 color description : Very soft red.

The hexadecimal color #f28fa5 has RGB values of R:242, G:143, B:165 and CMYK values of C:0, M:0.41, Y:0.32, K:0.05. Its decimal value is 15896485.

Hex triplet	f28fa5	`#f28fa5`
RGB Decimal	242, 143, 165	`rgb(242,143,165)`
RGB Percent	94.9, 56.1, 64.7	`rgb(94.9%,56.1%,64.7%)`
CMYK	0, 41, 32, 5
HSL	346.7°, 79.2, 75.5	`hsl(346.7,79.2%,75.5%)`
HSV (or HSB)	346.7°, 40.9, 94.9
Web Safe	ff9999	`#ff9999`

CIE-LAB	70.345, 39.966, 4.739
XYZ	53.232, 41.242, 40.752
xyY	0.394, 0.305, 41.242
CIE-LCH	70.345, 40.246, 6.762
CIE-LUV	70.345, 64.281, -0.848
Hunter-Lab	64.22, 35.574, 7.33
Binary	11110010, 10001111, 10100101

#f28fa5
```
#f28fa5 rgb(242,143,165)
```
#8ff2dc
```
#8ff2dc rgb(143,242,220)
```

Complementary Color

#f28fd7
```
#f28fd7 rgb(242,143,215)
```
#f28fa5
```
#f28fa5 rgb(242,143,165)
```
#f2ab8f
```
#f2ab8f rgb(242,171,143)
```

Analogous Color

#8fd7f2
```
#8fd7f2 rgb(143,215,242)
```
#f28fa5
```
#f28fa5 rgb(242,143,165)
```
#8ff2ab
```
#8ff2ab rgb(143,242,171)
```

Split Complementary Color

#8fa5f2
```
#8fa5f2 rgb(143,165,242)
```
#f28fa5
```
#f28fa5 rgb(242,143,165)
```
#a5f28f
```
#a5f28f rgb(165,242,143)
```

Triadic Color

#dc8ff2
```
#dc8ff2 rgb(220,143,242)
```
#f28fa5
```
#f28fa5 rgb(242,143,165)
```
#a5f28f
```
#a5f28f rgb(165,242,143)
```
#8ff2dc
```
#8ff2dc rgb(143,242,220)
```

Tetradic Color

#ea4a6e
```
#ea4a6e rgb(234,74,110)
```
#ed6180
```
#ed6180 rgb(237,97,128)
```
#ef7893
```
#ef7893 rgb(239,120,147)
```
#f28fa5
```
#f28fa5 rgb(242,143,165)
```
#f5a6b7
```
#f5a6b7 rgb(245,166,183)
```
#f7bdca
```
#f7bdca rgb(247,189,202)
```
#fad4dc
```
#fad4dc rgb(250,212,220)
```

Monochromatic Color

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

#f28fbe
```
#f28fbe rgb(242,143,190)
```
#f28fb6
```
#f28fb6 rgb(242,143,182)
```
#f28fad
```
#f28fad rgb(242,143,173)
```
#f28fa5
```
#f28fa5 rgb(242,143,165)
```
#f28f9d
```
#f28f9d rgb(242,143,157)
```
#f28f95
```
#f28f95 rgb(242,143,149)
```
#f2928f
```
#f2928f rgb(242,146,143)
```

Similar Colors

Text with hexadecimal color #f28fa5

This text has a font color of #f28fa5.

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

#f28fa5 background color

This paragraph has a background color of #f28fa5.

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

#f28fa5 border color

This element has a border color of #f28fa5.

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

CSS codes

.text {color:#f28fa5;}

.background {background-color:#f28fa5;}

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

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

#0b0103
```
#0b0103 rgb(11,1,3)
```
#1d0309
```
#1d0309 rgb(29,3,9)
```
#2e050e
```
#2e050e rgb(46,5,14)
```
#400714
```
#400714 rgb(64,7,20)
```
#510919
```
#510919 rgb(81,9,25)
```
#630b1f
```
#630b1f rgb(99,11,31)
```
#740e24
```
#740e24 rgb(116,14,36)
```
#86102a
```
#86102a rgb(134,16,42)
```
#98122f
```
#98122f rgb(152,18,47)
```
#a91435
```
#a91435 rgb(169,20,53)
```
#bb163a
```
#bb163a rgb(187,22,58)
```
#cc1840
```
#cc1840 rgb(204,24,64)
```
#de1a45
```
#de1a45 rgb(222,26,69)
```

Shade Color Variation

#e62650
```
#e62650 rgb(230,38,80)
```
#e8375e
```
#e8375e rgb(232,55,94)
```
#ea496d
```
#ea496d rgb(234,73,109)
```
#ec5a7b
```
#ec5a7b rgb(236,90,123)
```
#ee6c89
```
#ee6c89 rgb(238,108,137)
```
#f07d97
```
#f07d97 rgb(240,125,151)
```
#f28fa5
```
#f28fa5 rgb(242,143,165)
```
#f4a1b3
```
#f4a1b3 rgb(244,161,179)
```
#f6b2c1
```
#f6b2c1 rgb(246,178,193)
```
#f8c4cf
```
#f8c4cf rgb(248,196,207)
```
#fad5dd
```
#fad5dd rgb(250,213,221)
```
#fce7ec
```
#fce7ec rgb(252,231,236)
```
#fef8fa
```
#fef8fa rgb(254,248,250)
```

Tint Color Variation

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

#c2bfc0
```
#c2bfc0 rgb(194,191,192)
```
#c7babd
```
#c7babd rgb(199,186,189)
```
#ccb5ba
```
#ccb5ba rgb(204,181,186)
```
#d0b1b8
```
#d0b1b8 rgb(208,177,184)
```
#d5acb5
```
#d5acb5 rgb(213,172,181)
```
#daa7b2
```
#daa7b2 rgb(218,167,178)
```
#dfa2b0
```
#dfa2b0 rgb(223,162,176)
```
#e49dad
```
#e49dad rgb(228,157,173)
```
#e899aa
```
#e899aa rgb(232,153,170)
```
#ed94a8
```
#ed94a8 rgb(237,148,168)
```
#f28fa5
```
#f28fa5 rgb(242,143,165)
```
#f78aa2
```
#f78aa2 rgb(247,138,162)
```
#fc85a0
```
#fc85a0 rgb(252,133,160)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#bca9ad Atypical Achromatopsia 0.001% of the population

Dichromacy

#b1afb7 Protanopia 1% of men
#c5aaa3 Deuteranopia 1% of men
#f196a0 Tritanopia 0.001% of the population

Trichromacy

#c8a3b0 Protanomaly 1% of men, 0.01% of women
#d5a0a4 Deuteranomaly 6% of men, 0.4% of women
#f193a2 Tritanomaly 0.01% of the population

#f28fa5 hex color

#f28fa5 Color Information

#f28fa5 Color Conversion

Color Schemes with #f28fa5

Alternatives to #f28fa5

#f28fa5 Preview

Shades and Tints of #f28fa5

Tones of #f28fa5

Color Blindness Simulator