#f28f85 hex color

In a RGB color space, hex #f28f85 is composed of 94.9% red, 56.1% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 40.9% magenta, 45% yellow and 5.1% black. It has a hue angle of 5.5 degrees, a saturation of 80.7% and a lightness of 73.5%. #f28f85 color hex could be obtained by blending #ffffff with #e51f0b. Closest websafe color is: #ff9999.

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

● #f28f85 color description : Soft red.

The hexadecimal color #f28f85 has RGB values of R:242, G:143, B:133 and CMYK values of C:0, M:0.41, Y:0.45, K:0.05. Its decimal value is 15896453.

Hex triplet	f28f85	`#f28f85`
RGB Decimal	242, 143, 133	`rgb(242,143,133)`
RGB Percent	94.9, 56.1, 52.2	`rgb(94.9%,56.1%,52.2%)`
CMYK	0, 41, 45, 5
HSL	5.5°, 80.7, 73.5	`hsl(5.5,80.7%,73.5%)`
HSV (or HSB)	5.5°, 45, 94.9
Web Safe	ff9999	`#ff9999`

CIE-LAB	69.625, 36.36, 21.541
XYZ	50.675, 40.219, 27.283
xyY	0.429, 0.34, 40.219
CIE-LCH	69.625, 42.262, 30.644
CIE-LUV	69.625, 70.272, 21.361
Hunter-Lab	63.419, 31.648, 18.886
Binary	11110010, 10001111, 10000101

#f28f85
```
#f28f85 rgb(242,143,133)
```
#85e8f2
```
#85e8f2 rgb(133,232,242)
```

Complementary Color

#f285b2
```
#f285b2 rgb(242,133,178)
```
#f28f85
```
#f28f85 rgb(242,143,133)
```
#f2c685
```
#f2c685 rgb(242,198,133)
```

Analogous Color

#85b2f2
```
#85b2f2 rgb(133,178,242)
```
#f28f85
```
#f28f85 rgb(242,143,133)
```
#85f2c6
```
#85f2c6 rgb(133,242,198)
```

Split Complementary Color

#8f85f2
```
#8f85f2 rgb(143,133,242)
```
#f28f85
```
#f28f85 rgb(242,143,133)
```
#85f28f
```
#85f28f rgb(133,242,143)
```

Triadic Color

#f285e8
```
#f285e8 rgb(242,133,232)
```
#f28f85
```
#f28f85 rgb(242,143,133)
```
#85f28f
```
#85f28f rgb(133,242,143)
```
#85e8f2
```
#85e8f2 rgb(133,232,242)
```

Tetradic Color

#eb5040
```
#eb5040 rgb(235,80,64)
```
#ed6557
```
#ed6557 rgb(237,101,87)
```
#f07a6e
```
#f07a6e rgb(240,122,110)
```
#f28f85
```
#f28f85 rgb(242,143,133)
```
#f4a49c
```
#f4a49c rgb(244,164,156)
```
#f7b9b3
```
#f7b9b3 rgb(247,185,179)
```
#f9ceca
```
#f9ceca rgb(249,206,202)
```

Monochromatic Color

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

#f28596
```
#f28596 rgb(242,133,150)
```
#f2858d
```
#f2858d rgb(242,133,141)
```
#f28685
```
#f28685 rgb(242,134,133)
```
#f28f85
```
#f28f85 rgb(242,143,133)
```
#f29885
```
#f29885 rgb(242,152,133)
```
#f2a185
```
#f2a185 rgb(242,161,133)
```
#f2aa85
```
#f2aa85 rgb(242,170,133)
```

Similar Colors

Text with hexadecimal color #f28f85

This text has a font color of #f28f85.

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

#f28f85 background color

This paragraph has a background color of #f28f85.

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

#f28f85 border color

This element has a border color of #f28f85.

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

CSS codes

.text {color:#f28f85;}

.background {background-color:#f28f85;}

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

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

#020000
```
#020000 rgb(2,0,0)
```
#140402
```
#140402 rgb(20,4,2)
```
#260704
```
#260704 rgb(38,7,4)
```
#370a06
```
#370a06 rgb(55,10,6)
```
#490e08
```
#490e08 rgb(73,14,8)
```
#5b110a
```
#5b110a rgb(91,17,10)
```
#6c140c
```
#6c140c rgb(108,20,12)
```
#7e180d
```
#7e180d rgb(126,24,13)
```
#901b0f
```
#901b0f rgb(144,27,15)
```
#a21e11
```
#a21e11 rgb(162,30,17)
```
#b32213
```
#b32213 rgb(179,34,19)
```
#c52515
```
#c52515 rgb(197,37,21)
```
#d72817
```
#d72817 rgb(215,40,23)
```

Shade Color Variation

#e72d1b
```
#e72d1b rgb(231,45,27)
```
#e93e2c
```
#e93e2c rgb(233,62,44)
```
#ea4e3e
```
#ea4e3e rgb(234,78,62)
```
#ec5e50
```
#ec5e50 rgb(236,94,80)
```
#ee6e62
```
#ee6e62 rgb(238,110,98)
```
#f07f73
```
#f07f73 rgb(240,127,115)
```
#f28f85
```
#f28f85 rgb(242,143,133)
```
#f49f97
```
#f49f97 rgb(244,159,151)
```
#f6b0a8
```
#f6b0a8 rgb(246,176,168)
```
#f8c0ba
```
#f8c0ba rgb(248,192,186)
```
#fad0cc
```
#fad0cc rgb(250,208,204)
```
#fbe0de
```
#fbe0de rgb(251,224,222)
```
#fdf1ef
```
#fdf1ef rgb(253,241,239)
```

Tint Color Variation

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

#beb9b9
```
#beb9b9 rgb(190,185,185)
```
#c3b5b4
```
#c3b5b4 rgb(195,181,180)
```
#c8b1af
```
#c8b1af rgb(200,177,175)
```
#ceada9
```
#ceada9 rgb(206,173,169)
```
#d3a8a4
```
#d3a8a4 rgb(211,168,164)
```
#d8a49f
```
#d8a49f rgb(216,164,159)
```
#dda09a
```
#dda09a rgb(221,160,154)
```
#e29c95
```
#e29c95 rgb(226,156,149)
```
#e8978f
```
#e8978f rgb(232,151,143)
```
#ed938a
```
#ed938a rgb(237,147,138)
```
#f28f85
```
#f28f85 rgb(242,143,133)
```
#f78b80
```
#f78b80 rgb(247,139,128)
```
#fc877b
```
#fc877b rgb(252,135,123)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#b9a5a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b7ae96 Protanopia 1% of men
#cca786 Deuteranopia 1% of men
#f4929c Tritanopia 0.001% of the population

Trichromacy

#cca290 Protanomaly 1% of men, 0.01% of women
#d99e85 Deuteranomaly 6% of men, 0.4% of women
#f39193 Tritanomaly 0.01% of the population

#f28f85 hex color

#f28f85 Color Information

#f28f85 Color Conversion

Color Schemes with #f28f85

Alternatives to #f28f85

#f28f85 Preview

Shades and Tints of #f28f85

Tones of #f28f85

Color Blindness Simulator