#f28fbb hex color

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

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

● #f28fbb color description : Very soft pink.

The hexadecimal color #f28fbb has RGB values of R:242, G:143, B:187 and CMYK values of C:0, M:0.41, Y:0.23, K:0.05. Its decimal value is 15896507.

Hex triplet	f28fbb	`#f28fbb`
RGB Decimal	242, 143, 187	`rgb(242,143,187)`
RGB Percent	94.9, 56.1, 73.3	`rgb(94.9%,56.1%,73.3%)`
CMYK	0, 41, 23, 5
HSL	333.3°, 79.2, 75.5	`hsl(333.3,79.2%,75.5%)`
HSV (or HSB)	333.3°, 40.9, 94.9
Web Safe	ff99cc	`#ff99cc`

CIE-LAB	70.949, 42.909, -6.64
XYZ	55.41, 42.113, 52.221
xyY	0.37, 0.281, 42.113
CIE-LCH	70.949, 43.42, 351.203
CIE-LUV	70.949, 59.802, -17.654
Hunter-Lab	64.895, 38.845, -2.285
Binary	11110010, 10001111, 10111011

#f28fbb
```
#f28fbb rgb(242,143,187)
```
#8ff2c6
```
#8ff2c6 rgb(143,242,198)
```

Complementary Color

#f28fed
```
#f28fed rgb(242,143,237)
```
#f28fbb
```
#f28fbb rgb(242,143,187)
```
#f2958f
```
#f2958f rgb(242,149,143)
```

Analogous Color

#8fedf2
```
#8fedf2 rgb(143,237,242)
```
#f28fbb
```
#f28fbb rgb(242,143,187)
```
#8ff295
```
#8ff295 rgb(143,242,149)
```

Split Complementary Color

#8fbbf2
```
#8fbbf2 rgb(143,187,242)
```
#f28fbb
```
#f28fbb rgb(242,143,187)
```
#bbf28f
```
#bbf28f rgb(187,242,143)
```

Triadic Color

#c68ff2
```
#c68ff2 rgb(198,143,242)
```
#f28fbb
```
#f28fbb rgb(242,143,187)
```
#bbf28f
```
#bbf28f rgb(187,242,143)
```
#8ff2c6
```
#8ff2c6 rgb(143,242,198)
```

Tetradic Color

#ea4a91
```
#ea4a91 rgb(234,74,145)
```
#ed619f
```
#ed619f rgb(237,97,159)
```
#ef78ad
```
#ef78ad rgb(239,120,173)
```
#f28fbb
```
#f28fbb rgb(242,143,187)
```
#f5a6c9
```
#f5a6c9 rgb(245,166,201)
```
#f7bdd7
```
#f7bdd7 rgb(247,189,215)
```
#fad4e5
```
#fad4e5 rgb(250,212,229)
```

Monochromatic Color

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

#f28fd4
```
#f28fd4 rgb(242,143,212)
```
#f28fcc
```
#f28fcc rgb(242,143,204)
```
#f28fc3
```
#f28fc3 rgb(242,143,195)
```
#f28fbb
```
#f28fbb rgb(242,143,187)
```
#f28fb3
```
#f28fb3 rgb(242,143,179)
```
#f28fab
```
#f28fab rgb(242,143,171)
```
#f28fa2
```
#f28fa2 rgb(242,143,162)
```

Similar Colors

Text with hexadecimal color #f28fbb

This text has a font color of #f28fbb.

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

#f28fbb background color

This paragraph has a background color of #f28fbb.

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

#f28fbb border color

This element has a border color of #f28fbb.

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

CSS codes

.text {color:#f28fbb;}

.background {background-color:#f28fbb;}

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

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 #fef8fb is the lightest one.

#0b0106
```
#0b0106 rgb(11,1,6)
```
#1d030f
```
#1d030f rgb(29,3,15)
```
#2e0518
```
#2e0518 rgb(46,5,24)
```
#400720
```
#400720 rgb(64,7,32)
```
#510929
```
#510929 rgb(81,9,41)
```
#630b32
```
#630b32 rgb(99,11,50)
```
#740e3b
```
#740e3b rgb(116,14,59)
```
#861044
```
#861044 rgb(134,16,68)
```
#98124d
```
#98124d rgb(152,18,77)
```
#a91456
```
#a91456 rgb(169,20,86)
```
#bb165f
```
#bb165f rgb(187,22,95)
```
#cc1868
```
#cc1868 rgb(204,24,104)
```
#de1a71
```
#de1a71 rgb(222,26,113)
```

Shade Color Variation

#e6267b
```
#e6267b rgb(230,38,123)
```
#e83786
```
#e83786 rgb(232,55,134)
```
#ea4990
```
#ea4990 rgb(234,73,144)
```
#ec5a9b
```
#ec5a9b rgb(236,90,155)
```
#ee6ca6
```
#ee6ca6 rgb(238,108,166)
```
#f07db0
```
#f07db0 rgb(240,125,176)
```
#f28fbb
```
#f28fbb rgb(242,143,187)
```
#f4a1c6
```
#f4a1c6 rgb(244,161,198)
```
#f6b2d0
```
#f6b2d0 rgb(246,178,208)
```
#f8c4db
```
#f8c4db rgb(248,196,219)
```
#fad5e6
```
#fad5e6 rgb(250,213,230)
```
#fce7f0
```
#fce7f0 rgb(252,231,240)
```
#fef8fb
```
#fef8fb rgb(254,248,251)
```

Tint Color Variation

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

#c2bfc0
```
#c2bfc0 rgb(194,191,192)
```
#c7bac0
```
#c7bac0 rgb(199,186,192)
```
#ccb5bf
```
#ccb5bf rgb(204,181,191)
```
#d0b1bf
```
#d0b1bf rgb(208,177,191)
```
#d5acbe
```
#d5acbe rgb(213,172,190)
```
#daa7be
```
#daa7be rgb(218,167,190)
```
#dfa2bd
```
#dfa2bd rgb(223,162,189)
```
#e49dbd
```
#e49dbd rgb(228,157,189)
```
#e899bc
```
#e899bc rgb(232,153,188)
```
#ed94bc
```
#ed94bc rgb(237,148,188)
```
#f28fbb
```
#f28fbb rgb(242,143,187)
```
#f78aba
```
#f78aba rgb(247,138,186)
```
#fc85ba
```
#fc85ba rgb(252,133,186)
```

Tone Color Variation

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

#b2b2b2 Achromatopsia 0.005% of the population
#bfabb4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#abb0ce Protanopia 1% of men
#bfacb7 Deuteranopia 1% of men
#ef99a4 Tritanopia 0.001% of the population

Trichromacy

#c5a4c7 Protanomaly 1% of men, 0.01% of women
#d1a2b9 Deuteranomaly 6% of men, 0.4% of women
#f095ac Tritanomaly 0.01% of the population

#f28fbb hex color

#f28fbb Color Information

#f28fbb Color Conversion

Color Schemes with #f28fbb

Alternatives to #f28fbb

#f28fbb Preview

Shades and Tints of #f28fbb

Tones of #f28fbb

Color Blindness Simulator