#f28186 hex color

In a RGB color space, hex #f28186 is composed of 94.9% red, 50.6% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 46.7% magenta, 44.6% yellow and 5.1% black. It has a hue angle of 357.3 degrees, a saturation of 81.3% and a lightness of 72.7%. #f28186 color hex could be obtained by blending #ffffff with #e5030d. Closest websafe color is: #ff9999.

♥
- f
- t
- g
- R 95
- G 51
- B 53
RGB color chart
- C 0
- M 47
- Y 45
- K 5
CMYK color chart

● #f28186 color description : Soft red.

The hexadecimal color #f28186 has RGB values of R:242, G:129, B:134 and CMYK values of C:0, M:0.47, Y:0.45, K:0.05. Its decimal value is 15892870.

Hex triplet	f28186	`#f28186`
RGB Decimal	242, 129, 134	`rgb(242,129,134)`
RGB Percent	94.9, 50.6, 52.5	`rgb(94.9%,50.6%,52.5%)`
CMYK	0, 47, 45, 5
HSL	357.3°, 81.3, 72.7	`hsl(357.3,81.3%,72.7%)`
HSV (or HSB)	357.3°, 46.7, 94.9
Web Safe	ff9999	`#ff9999`

CIE-LAB	66.751, 43.612, 17.036
XYZ	48.772, 36.303, 26.992
xyY	0.435, 0.324, 36.303
CIE-LCH	66.751, 46.822, 21.337
CIE-LUV	66.751, 79.387, 14.068
Hunter-Lab	60.252, 39.05, 15.616
Binary	11110010, 10000001, 10000110

#f28186
```
#f28186 rgb(242,129,134)
```
#81f2ed
```
#81f2ed rgb(129,242,237)
```

Complementary Color

#f281bf
```
#f281bf rgb(242,129,191)
```
#f28186
```
#f28186 rgb(242,129,134)
```
#f2b581
```
#f2b581 rgb(242,181,129)
```

Analogous Color

#81bff2
```
#81bff2 rgb(129,191,242)
```
#f28186
```
#f28186 rgb(242,129,134)
```
#81f2b5
```
#81f2b5 rgb(129,242,181)
```

Split Complementary Color

#8186f2
```
#8186f2 rgb(129,134,242)
```
#f28186
```
#f28186 rgb(242,129,134)
```
#86f281
```
#86f281 rgb(134,242,129)
```

Triadic Color

#ed81f2
```
#ed81f2 rgb(237,129,242)
```
#f28186
```
#f28186 rgb(242,129,134)
```
#86f281
```
#86f281 rgb(134,242,129)
```
#81f2ed
```
#81f2ed rgb(129,242,237)
```

Tetradic Color

#eb3c43
```
#eb3c43 rgb(235,60,67)
```
#ed535a
```
#ed535a rgb(237,83,90)
```
#f06a70
```
#f06a70 rgb(240,106,112)
```
#f28186
```
#f28186 rgb(242,129,134)
```
#f4989c
```
#f4989c rgb(244,152,156)
```
#f7afb2
```
#f7afb2 rgb(247,175,178)
```
#f9c6c9
```
#f9c6c9 rgb(249,198,201)
```

Monochromatic Color

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

#f281a2
```
#f281a2 rgb(242,129,162)
```
#f28199
```
#f28199 rgb(242,129,153)
```
#f2818f
```
#f2818f rgb(242,129,143)
```
#f28186
```
#f28186 rgb(242,129,134)
```
#f28581
```
#f28581 rgb(242,133,129)
```
#f28f81
```
#f28f81 rgb(242,143,129)
```
#f29881
```
#f29881 rgb(242,152,129)
```

Similar Colors

Text with hexadecimal color #f28186

This text has a font color of #f28186.

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

#f28186 background color

This paragraph has a background color of #f28186.

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

#f28186 border color

This element has a border color of #f28186.

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

CSS codes

.text {color:#f28186;}

.background {background-color:#f28186;}

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

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

#100202
```
#100202 rgb(16,2,2)
```
#220405
```
#220405 rgb(34,4,5)
```
#340507
```
#340507 rgb(52,5,7)
```
#46070a
```
#46070a rgb(70,7,10)
```
#57090c
```
#57090c rgb(87,9,12)
```
#690b0f
```
#690b0f rgb(105,11,15)
```
#7b0d12
```
#7b0d12 rgb(123,13,18)
```
#8d0f14
```
#8d0f14 rgb(141,15,20)
```
#9e1017
```
#9e1017 rgb(158,16,23)
```
#b01219
```
#b01219 rgb(176,18,25)
```
#c2141c
```
#c2141c rgb(194,20,28)
```
#d4161e
```
#d4161e rgb(212,22,30)
```
#e61821
```
#e61821 rgb(230,24,33)
```

Shade Color Variation

#e92831
```
#e92831 rgb(233,40,49)
```
#eb3a42
```
#eb3a42 rgb(235,58,66)
```
#ec4c53
```
#ec4c53 rgb(236,76,83)
```
#ee5d64
```
#ee5d64 rgb(238,93,100)
```
#f06f75
```
#f06f75 rgb(240,111,117)
```
#f28186
```
#f28186 rgb(242,129,134)
```
#f49397
```
#f49397 rgb(244,147,151)
```
#f6a5a8
```
#f6a5a8 rgb(246,165,168)
```
#f8b6b9
```
#f8b6b9 rgb(248,182,185)
```
#f9c8ca
```
#f9c8ca rgb(249,200,202)
```
#fbdadb
```
#fbdadb rgb(251,218,219)
```
#fdecec
```
#fdecec rgb(253,236,236)
```
#fffdfe
```
#fffdfe rgb(255,253,254)
```

Tint Color Variation

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

#bdb6b7
```
#bdb6b7 rgb(189,182,183)
```
#c2b1b2
```
#c2b1b2 rgb(194,177,178)
```
#c7acad
```
#c7acad rgb(199,172,173)
```
#cda6a8
```
#cda6a8 rgb(205,166,168)
```
#d2a1a3
```
#d2a1a3 rgb(210,161,163)
```
#d79c9e
```
#d79c9e rgb(215,156,158)
```
#dd9699
```
#dd9699 rgb(221,150,153)
```
#e29195
```
#e29195 rgb(226,145,149)
```
#e78c90
```
#e78c90 rgb(231,140,144)
```
#ed868b
```
#ed868b rgb(237,134,139)
```
#f28186
```
#f28186 rgb(242,129,134)
```
#f77c81
```
#f77c81 rgb(247,124,129)
```
#fd767c
```
#fd767c rgb(253,118,124)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#b39c9d Atypical Achromatopsia 0.001% of the population

Dichromacy

#ada69a Protanopia 1% of men
#c2a085 Deuteranopia 1% of men
#f2868f Tritanopia 0.001% of the population

Trichromacy

#c69893 Protanomaly 1% of men, 0.01% of women
#d39585 Deuteranomaly 6% of men, 0.4% of women
#f2848c Tritanomaly 0.01% of the population

#f28186 hex color

#f28186 Color Information

#f28186 Color Conversion

Color Schemes with #f28186

Alternatives to #f28186

#f28186 Preview

Shades and Tints of #f28186

Tones of #f28186

Color Blindness Simulator