#f286aa hex color

In a RGB color space, hex #f286aa is composed of 94.9% red, 52.5% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 44.6% magenta, 29.8% yellow and 5.1% black. It has a hue angle of 340 degrees, a saturation of 80.6% and a lightness of 73.7%. #f286aa color hex could be obtained by blending #ffffff with #e50d55. Closest websafe color is: #ff9999.

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

● #f286aa color description : Very soft pink.

The hexadecimal color #f286aa has RGB values of R:242, G:134, B:170 and CMYK values of C:0, M:0.45, Y:0.3, K:0.05. Its decimal value is 15894186.

Hex triplet	f286aa	`#f286aa`
RGB Decimal	242, 134, 170	`rgb(242,134,170)`
RGB Percent	94.9, 52.5, 66.7	`rgb(94.9%,52.5%,66.7%)`
CMYK	0, 45, 30, 5
HSL	340°, 80.6, 73.7	`hsl(340,80.6%,73.7%)`
HSV (or HSB)	340°, 44.6, 94.9
Web Safe	ff9999	`#ff9999`

CIE-LAB	68.63, 45.197, -0.551
XYZ	52.399, 38.833, 42.764
xyY	0.391, 0.29, 38.833
CIE-LCH	68.63, 45.2, 359.301
CIE-LUV	68.63, 68.514, -9.271
Hunter-Lab	62.316, 41.039, 2.934
Binary	11110010, 10000110, 10101010

#f286aa
```
#f286aa rgb(242,134,170)
```
#86f2ce
```
#86f2ce rgb(134,242,206)
```

Complementary Color

#f286e0
```
#f286e0 rgb(242,134,224)
```
#f286aa
```
#f286aa rgb(242,134,170)
```
#f29886
```
#f29886 rgb(242,152,134)
```

Analogous Color

#86e0f2
```
#86e0f2 rgb(134,224,242)
```
#f286aa
```
#f286aa rgb(242,134,170)
```
#86f298
```
#86f298 rgb(134,242,152)
```

Split Complementary Color

#86aaf2
```
#86aaf2 rgb(134,170,242)
```
#f286aa
```
#f286aa rgb(242,134,170)
```
#aaf286
```
#aaf286 rgb(170,242,134)
```

Triadic Color

#ce86f2
```
#ce86f2 rgb(206,134,242)
```
#f286aa
```
#f286aa rgb(242,134,170)
```
#aaf286
```
#aaf286 rgb(170,242,134)
```
#86f2ce
```
#86f2ce rgb(134,242,206)
```

Tetradic Color

#eb4179
```
#eb4179 rgb(235,65,121)
```
#ed588a
```
#ed588a rgb(237,88,138)
```
#f06f9a
```
#f06f9a rgb(240,111,154)
```
#f286aa
```
#f286aa rgb(242,134,170)
```
#f49dba
```
#f49dba rgb(244,157,186)
```
#f7b4ca
```
#f7b4ca rgb(247,180,202)
```
#f9cbdb
```
#f9cbdb rgb(249,203,219)
```

Monochromatic Color

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

#f286c5
```
#f286c5 rgb(242,134,197)
```
#f286bc
```
#f286bc rgb(242,134,188)
```
#f286b3
```
#f286b3 rgb(242,134,179)
```
#f286aa
```
#f286aa rgb(242,134,170)
```
#f286a1
```
#f286a1 rgb(242,134,161)
```
#f28698
```
#f28698 rgb(242,134,152)
```
#f2868f
```
#f2868f rgb(242,134,143)
```

Similar Colors

Text with hexadecimal color #f286aa

This text has a font color of #f286aa.

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

#f286aa background color

This paragraph has a background color of #f286aa.

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

#f286aa border color

This element has a border color of #f286aa.

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

CSS codes

.text {color:#f286aa;}

.background {background-color:#f286aa;}

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

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

#030001
```
#030001 rgb(3,0,1)
```
#150208
```
#150208 rgb(21,2,8)
```
#260410
```
#260410 rgb(38,4,16)
```
#380617
```
#380617 rgb(56,6,23)
```
#4a081e
```
#4a081e rgb(74,8,30)
```
#5c0a25
```
#5c0a25 rgb(92,10,37)
```
#6d0c2c
```
#6d0c2c rgb(109,12,44)
```
#7f0e33
```
#7f0e33 rgb(127,14,51)
```
#91103b
```
#91103b rgb(145,16,59)
```
#a21142
```
#a21142 rgb(162,17,66)
```
#b41349
```
#b41349 rgb(180,19,73)
```
#c61550
```
#c61550 rgb(198,21,80)
```
#d81757
```
#d81757 rgb(216,23,87)
```

Shade Color Variation

#e71c5f
```
#e71c5f rgb(231,28,95)
```
#e82d6c
```
#e82d6c rgb(232,45,108)
```
#ea3f78
```
#ea3f78 rgb(234,63,120)
```
#ec5185
```
#ec5185 rgb(236,81,133)
```
#ee6391
```
#ee6391 rgb(238,99,145)
```
#f0749e
```
#f0749e rgb(240,116,158)
```
#f286aa
```
#f286aa rgb(242,134,170)
```
#f498b6
```
#f498b6 rgb(244,152,182)
```
#f6a9c3
```
#f6a9c3 rgb(246,169,195)
```
#f8bbcf
```
#f8bbcf rgb(248,187,207)
```
#facddc
```
#facddc rgb(250,205,220)
```
#fcdfe8
```
#fcdfe8 rgb(252,223,232)
```
#fdf0f5
```
#fdf0f5 rgb(253,240,245)
```

Tint Color Variation

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

#bebabb
```
#bebabb rgb(190,186,187)
```
#c4b4b9
```
#c4b4b9 rgb(196,180,185)
```
#c9afb8
```
#c9afb8 rgb(201,175,184)
```
#ceaab6
```
#ceaab6 rgb(206,170,182)
```
#d3a5b4
```
#d3a5b4 rgb(211,165,180)
```
#d8a0b3
```
#d8a0b3 rgb(216,160,179)
```
#dd9bb1
```
#dd9bb1 rgb(221,155,177)
```
#e395af
```
#e395af rgb(227,149,175)
```
#e890ad
```
#e890ad rgb(232,144,173)
```
#ed8bac
```
#ed8bac rgb(237,139,172)
```
#f286aa
```
#f286aa rgb(242,134,170)
```
#f781a8
```
#f781a8 rgb(247,129,168)
```
#fc7ca7
```
#fc7ca7 rgb(252,124,167)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#b8a3aa Atypical Achromatopsia 0.001% of the population

Dichromacy

#a8aabe Protanopia 1% of men
#bda6a7 Deuteranopia 1% of men
#f09099 Tritanopia 0.001% of the population

Trichromacy

#c39db7 Protanomaly 1% of men, 0.01% of women
#d09aa8 Deuteranomaly 6% of men, 0.4% of women
#f18c9f Tritanomaly 0.01% of the population

#f286aa hex color

#f286aa Color Information

#f286aa Color Conversion

Color Schemes with #f286aa

Alternatives to #f286aa

#f286aa Preview

Shades and Tints of #f286aa

Tones of #f286aa

Color Blindness Simulator