#f286bc hex color

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

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

● #f286bc color description : Very soft pink.

The hexadecimal color #f286bc has RGB values of R:242, G:134, B:188 and CMYK values of C:0, M:0.45, Y:0.22, K:0.05. Its decimal value is 15894204.

Hex triplet	f286bc	`#f286bc`
RGB Decimal	242, 134, 188	`rgb(242,134,188)`
RGB Percent	94.9, 52.5, 73.7	`rgb(94.9%,52.5%,73.7%)`
CMYK	0, 45, 22, 5
HSL	330°, 80.6, 73.7	`hsl(330,80.6%,73.7%)`
HSV (or HSB)	330°, 44.6, 94.9
Web Safe	ff99cc	`#ff99cc`

CIE-LAB	69.156, 47.625, -9.865
XYZ	54.22, 39.562, 52.355
xyY	0.371, 0.271, 39.562
CIE-LCH	69.156, 48.636, 348.298
CIE-LUV	69.156, 64.437, -23.26
Hunter-Lab	62.898, 43.801, -5.323
Binary	11110010, 10000110, 10111100

#f286bc
```
#f286bc rgb(242,134,188)
```
#86f2bc
```
#86f2bc rgb(134,242,188)
```

Complementary Color

#f286f2
```
#f286f2 rgb(242,134,242)
```
#f286bc
```
#f286bc rgb(242,134,188)
```
#f28686
```
#f28686 rgb(242,134,134)
```

Analogous Color

#86f2f2
```
#86f2f2 rgb(134,242,242)
```
#f286bc
```
#f286bc rgb(242,134,188)
```
#86f286
```
#86f286 rgb(134,242,134)
```

Split Complementary Color

#86bcf2
```
#86bcf2 rgb(134,188,242)
```
#f286bc
```
#f286bc rgb(242,134,188)
```
#bcf286
```
#bcf286 rgb(188,242,134)
```

Triadic Color

#bc86f2
```
#bc86f2 rgb(188,134,242)
```
#f286bc
```
#f286bc rgb(242,134,188)
```
#bcf286
```
#bcf286 rgb(188,242,134)
```
#86f2bc
```
#86f2bc rgb(134,242,188)
```

Tetradic Color

#eb4196
```
#eb4196 rgb(235,65,150)
```
#ed58a3
```
#ed58a3 rgb(237,88,163)
```
#f06faf
```
#f06faf rgb(240,111,175)
```
#f286bc
```
#f286bc rgb(242,134,188)
```
#f49dc9
```
#f49dc9 rgb(244,157,201)
```
#f7b4d6
```
#f7b4d6 rgb(247,180,214)
```
#f9cbe2
```
#f9cbe2 rgb(249,203,226)
```

Monochromatic Color

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

#f286d7
```
#f286d7 rgb(242,134,215)
```
#f286ce
```
#f286ce rgb(242,134,206)
```
#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)
```

Similar Colors

Text with hexadecimal color #f286bc

This text has a font color of #f286bc.

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

#f286bc background color

This paragraph has a background color of #f286bc.

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

#f286bc border color

This element has a border color of #f286bc.

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

CSS codes

.text {color:#f286bc;}

.background {background-color:#f286bc;}

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

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

#030002
```
#030002 rgb(3,0,2)
```
#15020b
```
#15020b rgb(21,2,11)
```
#260415
```
#260415 rgb(38,4,21)
```
#38061f
```
#38061f rgb(56,6,31)
```
#4a0829
```
#4a0829 rgb(74,8,41)
```
#5c0a33
```
#5c0a33 rgb(92,10,51)
```
#6d0c3d
```
#6d0c3d rgb(109,12,61)
```
#7f0e46
```
#7f0e46 rgb(127,14,70)
```
#911050
```
#911050 rgb(145,16,80)
```
#a2115a
```
#a2115a rgb(162,17,90)
```
#b41364
```
#b41364 rgb(180,19,100)
```
#c6156e
```
#c6156e rgb(198,21,110)
```
#d81777
```
#d81777 rgb(216,23,119)
```

Shade Color Variation

#e71c81
```
#e71c81 rgb(231,28,129)
```
#e82d8b
```
#e82d8b rgb(232,45,139)
```
#ea3f95
```
#ea3f95 rgb(234,63,149)
```
#ec519f
```
#ec519f rgb(236,81,159)
```
#ee63a8
```
#ee63a8 rgb(238,99,168)
```
#f074b2
```
#f074b2 rgb(240,116,178)
```
#f286bc
```
#f286bc rgb(242,134,188)
```
#f498c6
```
#f498c6 rgb(244,152,198)
```
#f6a9d0
```
#f6a9d0 rgb(246,169,208)
```
#f8bbd9
```
#f8bbd9 rgb(248,187,217)
```
#facde3
```
#facde3 rgb(250,205,227)
```
#fcdfed
```
#fcdfed rgb(252,223,237)
```
#fdf0f7
```
#fdf0f7 rgb(253,240,247)
```

Tint Color Variation

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

#bebabc
```
#bebabc rgb(190,186,188)
```
#c4b4bc
```
#c4b4bc rgb(196,180,188)
```
#c9afbc
```
#c9afbc rgb(201,175,188)
```
#ceaabc
```
#ceaabc rgb(206,170,188)
```
#d3a5bc
```
#d3a5bc rgb(211,165,188)
```
#d8a0bc
```
#d8a0bc rgb(216,160,188)
```
#dd9bbc
```
#dd9bbc rgb(221,155,188)
```
#e395bc
```
#e395bc rgb(227,149,188)
```
#e890bc
```
#e890bc rgb(232,144,188)
```
#ed8bbc
```
#ed8bbc rgb(237,139,188)
```
#f286bc
```
#f286bc rgb(242,134,188)
```
#f781bc
```
#f781bc rgb(247,129,188)
```
#fc7cbc
```
#fc7cbc rgb(252,124,188)
```

Tone Color Variation

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

#acacac Achromatopsia 0.005% of the population
#baa4af Atypical Achromatopsia 0.001% of the population

Dichromacy

#a3abd1 Protanopia 1% of men
#b8a8b7 Deuteranopia 1% of men
#ee939d Tritanopia 0.001% of the population

Trichromacy

#c09ec9 Protanomaly 1% of men, 0.01% of women
#cd9cb9 Deuteranomaly 6% of men, 0.4% of women
#ef8ea8 Tritanomaly 0.01% of the population

#f286bc hex color

#f286bc Color Information

#f286bc Color Conversion

Color Schemes with #f286bc

Alternatives to #f286bc

#f286bc Preview

Shades and Tints of #f286bc

Tones of #f286bc

Color Blindness Simulator