#f285a9 hex color

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

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

● #f285a9 color description : Soft pink.

The hexadecimal color #f285a9 has RGB values of R:242, G:133, B:169 and CMYK values of C:0, M:0.45, Y:0.3, K:0.05. Its decimal value is 15893929.

Hex triplet	f285a9	`#f285a9`
RGB Decimal	242, 133, 169	`rgb(242,133,169)`
RGB Percent	94.9, 52.2, 66.3	`rgb(94.9%,52.2%,66.3%)`
CMYK	0, 45, 30, 5
HSL	340.2°, 80.7, 73.5	`hsl(340.2,80.7%,73.5%)`
HSV (or HSB)	340.2°, 45, 94.9
Web Safe	ff9999	`#ff9999`

CIE-LAB	68.402, 45.573, -0.323
XYZ	52.167, 38.52, 42.222
xyY	0.393, 0.29, 38.52
CIE-LCH	68.402, 45.574, 359.594
CIE-LUV	68.402, 69.311, -9.023
Hunter-Lab	62.065, 41.421, 3.111
Binary	11110010, 10000101, 10101001

#f285a9
```
#f285a9 rgb(242,133,169)
```
#85f2ce
```
#85f2ce rgb(133,242,206)
```

Complementary Color

#f285e0
```
#f285e0 rgb(242,133,224)
```
#f285a9
```
#f285a9 rgb(242,133,169)
```
#f29885
```
#f29885 rgb(242,152,133)
```

Analogous Color

#85e0f2
```
#85e0f2 rgb(133,224,242)
```
#f285a9
```
#f285a9 rgb(242,133,169)
```
#85f298
```
#85f298 rgb(133,242,152)
```

Split Complementary Color

#85a9f2
```
#85a9f2 rgb(133,169,242)
```
#f285a9
```
#f285a9 rgb(242,133,169)
```
#a9f285
```
#a9f285 rgb(169,242,133)
```

Triadic Color

#ce85f2
```
#ce85f2 rgb(206,133,242)
```
#f285a9
```
#f285a9 rgb(242,133,169)
```
#a9f285
```
#a9f285 rgb(169,242,133)
```
#85f2ce
```
#85f2ce rgb(133,242,206)
```

Tetradic Color

#eb4078
```
#eb4078 rgb(235,64,120)
```
#ed5789
```
#ed5789 rgb(237,87,137)
```
#f06e99
```
#f06e99 rgb(240,110,153)
```
#f285a9
```
#f285a9 rgb(242,133,169)
```
#f49cb9
```
#f49cb9 rgb(244,156,185)
```
#f7b3c9
```
#f7b3c9 rgb(247,179,201)
```
#f9cada
```
#f9cada rgb(249,202,218)
```

Monochromatic Color

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

#f285c4
```
#f285c4 rgb(242,133,196)
```
#f285bb
```
#f285bb rgb(242,133,187)
```
#f285b2
```
#f285b2 rgb(242,133,178)
```
#f285a9
```
#f285a9 rgb(242,133,169)
```
#f285a0
```
#f285a0 rgb(242,133,160)
```
#f28597
```
#f28597 rgb(242,133,151)
```
#f2858e
```
#f2858e rgb(242,133,142)
```

Similar Colors

Text with hexadecimal color #f285a9

This text has a font color of #f285a9.

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

#f285a9 background color

This paragraph has a background color of #f285a9.

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

#f285a9 border color

This element has a border color of #f285a9.

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

CSS codes

.text {color:#f285a9;}

.background {background-color:#f285a9;}

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

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

#020001
```
#020001 rgb(2,0,1)
```
#140208
```
#140208 rgb(20,2,8)
```
#26040f
```
#26040f rgb(38,4,15)
```
#370616
```
#370616 rgb(55,6,22)
```
#49081d
```
#49081d rgb(73,8,29)
```
#5b0a24
```
#5b0a24 rgb(91,10,36)
```
#6c0c2c
```
#6c0c2c rgb(108,12,44)
```
#7e0d33
```
#7e0d33 rgb(126,13,51)
```
#900f3a
```
#900f3a rgb(144,15,58)
```
#a21141
```
#a21141 rgb(162,17,65)
```
#b31348
```
#b31348 rgb(179,19,72)
```
#c5154f
```
#c5154f rgb(197,21,79)
```
#d71756
```
#d71756 rgb(215,23,86)
```

Shade Color Variation

#e71b5e
```
#e71b5e rgb(231,27,94)
```
#e92c6b
```
#e92c6b rgb(233,44,107)
```
#ea3e77
```
#ea3e77 rgb(234,62,119)
```
#ec5084
```
#ec5084 rgb(236,80,132)
```
#ee6290
```
#ee6290 rgb(238,98,144)
```
#f0739d
```
#f0739d rgb(240,115,157)
```
#f285a9
```
#f285a9 rgb(242,133,169)
```
#f497b5
```
#f497b5 rgb(244,151,181)
```
#f6a8c2
```
#f6a8c2 rgb(246,168,194)
```
#f8bace
```
#f8bace rgb(248,186,206)
```
#faccdb
```
#faccdb rgb(250,204,219)
```
#fbdee7
```
#fbdee7 rgb(251,222,231)
```
#fdeff4
```
#fdeff4 rgb(253,239,244)
```

Tint Color Variation

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

#beb9bb
```
#beb9bb rgb(190,185,187)
```
#c3b4b9
```
#c3b4b9 rgb(195,180,185)
```
#c8afb7
```
#c8afb7 rgb(200,175,183)
```
#cea9b5
```
#cea9b5 rgb(206,169,181)
```
#d3a4b4
```
#d3a4b4 rgb(211,164,180)
```
#d89fb2
```
#d89fb2 rgb(216,159,178)
```
#dd9ab0
```
#dd9ab0 rgb(221,154,176)
```
#e295ae
```
#e295ae rgb(226,149,174)
```
#e88fad
```
#e88fad rgb(232,143,173)
```
#ed8aab
```
#ed8aab rgb(237,138,171)
```
#f285a9
```
#f285a9 rgb(242,133,169)
```
#f780a7
```
#f780a7 rgb(247,128,167)
```
#fc7ba5
```
#fc7ba5 rgb(252,123,165)
```

Tone Color Variation

Below, you can see how #f285a9 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
#bda6a6 Deuteranopia 1% of men
#f08f98 Tritanopia 0.001% of the population

Trichromacy

#c39cb6 Protanomaly 1% of men, 0.01% of women
#d09aa7 Deuteranomaly 6% of men, 0.4% of women
#f18b9e Tritanomaly 0.01% of the population

#f285a9 hex color

#f285a9 Color Information

#f285a9 Color Conversion

Color Schemes with #f285a9

Alternatives to #f285a9

#f285a9 Preview

Shades and Tints of #f285a9

Tones of #f285a9

Color Blindness Simulator