#fa5685 hex color

In a RGB color space, hex #fa5685 is composed of 98% red, 33.7% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 65.6% magenta, 46.8% yellow and 2% black. It has a hue angle of 342.8 degrees, a saturation of 94.3% and a lightness of 65.9%. #fa5685 color hex could be obtained by blending #ffacff with #f5000b. Closest websafe color is: #ff6699.

♥
- f
- t
- g
- R 98
- G 34
- B 52
RGB color chart
- C 0
- M 66
- Y 47
- K 2
CMYK color chart

● #fa5685 color description : Soft pink.

The hexadecimal color #fa5685 has RGB values of R:250, G:86, B:133 and CMYK values of C:0, M:0.66, Y:0.47, K:0.02. Its decimal value is 16406149.

Hex triplet	fa5685	`#fa5685`
RGB Decimal	250, 86, 133	`rgb(250,86,133)`
RGB Percent	98, 33.7, 52.2	`rgb(98%,33.7%,52.2%)`
CMYK	0, 66, 47, 2
HSL	342.8°, 94.3, 65.9	`hsl(342.8,94.3%,65.9%)`
HSV (or HSB)	342.8°, 65.6, 98
Web Safe	ff6699	`#ff6699`

CIE-LAB	60.496, 65.627, 9.015
XYZ	46.987, 28.678, 25.25
xyY	0.466, 0.284, 28.678
CIE-LCH	60.496, 66.243, 7.821
CIE-LUV	60.496, 111.747, -1.202
Hunter-Lab	53.552, 62.904, 9.53
Binary	11111010, 01010110, 10000101

#fa5685
```
#fa5685 rgb(250,86,133)
```
#56facb
```
#56facb rgb(86,250,203)
```

Complementary Color

#fa56d7
```
#fa56d7 rgb(250,86,215)
```
#fa5685
```
#fa5685 rgb(250,86,133)
```
#fa7956
```
#fa7956 rgb(250,121,86)
```

Analogous Color

#56d7fa
```
#56d7fa rgb(86,215,250)
```
#fa5685
```
#fa5685 rgb(250,86,133)
```
#56fa79
```
#56fa79 rgb(86,250,121)
```

Split Complementary Color

#5685fa
```
#5685fa rgb(86,133,250)
```
#fa5685
```
#fa5685 rgb(250,86,133)
```
#85fa56
```
#85fa56 rgb(133,250,86)
```

Triadic Color

#cb56fa
```
#cb56fa rgb(203,86,250)
```
#fa5685
```
#fa5685 rgb(250,86,133)
```
#85fa56
```
#85fa56 rgb(133,250,86)
```
#56facb
```
#56facb rgb(86,250,203)
```

Tetradic Color

#f80c4f
```
#f80c4f rgb(248,12,79)
```
#f92461
```
#f92461 rgb(249,36,97)
```
#f93d73
```
#f93d73 rgb(249,61,115)
```
#fa5685
```
#fa5685 rgb(250,86,133)
```
#fb6f97
```
#fb6f97 rgb(251,111,151)
```
#fb88a9
```
#fb88a9 rgb(251,136,169)
```
#fca0bb
```
#fca0bb rgb(252,160,187)
```

Monochromatic Color

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

#fa56ae
```
#fa56ae rgb(250,86,174)
```
#fa56a0
```
#fa56a0 rgb(250,86,160)
```
#fa5693
```
#fa5693 rgb(250,86,147)
```
#fa5685
```
#fa5685 rgb(250,86,133)
```
#fa5677
```
#fa5677 rgb(250,86,119)
```
#fa566a
```
#fa566a rgb(250,86,106)
```
#fa565c
```
#fa565c rgb(250,86,92)
```

Similar Colors

Text with hexadecimal color #fa5685

This text has a font color of #fa5685.

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

#fa5685 background color

This paragraph has a background color of #fa5685.

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

#fa5685 border color

This element has a border color of #fa5685.

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

CSS codes

.text {color:#fa5685;}

.background {background-color:#fa5685;}

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

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 #ffeef3 is the lightest one.

#020001
```
#020001 rgb(2,0,1)
```
#160107
```
#160107 rgb(22,1,7)
```
#29010c
```
#29010c rgb(41,1,12)
```
#3c0212
```
#3c0212 rgb(60,2,18)
```
#4f0218
```
#4f0218 rgb(79,2,24)
```
#62031e
```
#62031e rgb(98,3,30)
```
#750324
```
#750324 rgb(117,3,36)
```
#88042a
```
#88042a rgb(136,4,42)
```
#9b0530
```
#9b0530 rgb(155,5,48)
```
#ae0536
```
#ae0536 rgb(174,5,54)
```
#c1063b
```
#c1063b rgb(193,6,59)
```
#d40641
```
#d40641 rgb(212,6,65)
```
#e70747
```
#e70747 rgb(231,7,71)
```

Shade Color Variation

#f80a4e
```
#f80a4e rgb(248,10,78)
```
#f81d5c
```
#f81d5c rgb(248,29,92)
```
#f93069
```
#f93069 rgb(249,48,105)
```
#f94377
```
#f94377 rgb(249,67,119)
```
#fa5685
```
#fa5685 rgb(250,86,133)
```
#fb6993
```
#fb6993 rgb(251,105,147)
```
#fb7ca1
```
#fb7ca1 rgb(251,124,161)
```
#fc8fae
```
#fc8fae rgb(252,143,174)
```
#fca2bc
```
#fca2bc rgb(252,162,188)
```
#fdb5ca
```
#fdb5ca rgb(253,181,202)
```
#fdc8d8
```
#fdc8d8 rgb(253,200,216)
```
#fedbe5
```
#fedbe5 rgb(254,219,229)
```
#ffeef3
```
#ffeef3 rgb(255,238,243)
```

Tint Color Variation

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

#aaa6a7
```
#aaa6a7 rgb(170,166,167)
```
#b0a0a4
```
#b0a0a4 rgb(176,160,164)
```
#b799a2
```
#b799a2 rgb(183,153,162)
```
#be929f
```
#be929f rgb(190,146,159)
```
#c48c9c
```
#c48c9c rgb(196,140,156)
```
#cb8599
```
#cb8599 rgb(203,133,153)
```
#d27e96
```
#d27e96 rgb(210,126,150)
```
#d97793
```
#d97793 rgb(217,119,147)
```
#df7190
```
#df7190 rgb(223,113,144)
```
#e66a8e
```
#e66a8e rgb(230,106,142)
```
#ed638b
```
#ed638b rgb(237,99,139)
```
#f35d88
```
#f35d88 rgb(243,93,136)
```
#fa5685
```
#fa5685 rgb(250,86,133)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#a2818b Atypical Achromatopsia 0.001% of the population

Dichromacy

#9596a6 Protanopia 1% of men
#ad9280 Deuteranopia 1% of men
#f8656b Tritanopia 0.001% of the population

Trichromacy

#ba7f9a Protanomaly 1% of men, 0.01% of women
#c97c82 Deuteranomaly 6% of men, 0.4% of women
#f85f74 Tritanomaly 0.01% of the population

#fa5685 hex color

#fa5685 Color Information

#fa5685 Color Conversion

Color Schemes with #fa5685

Alternatives to #fa5685

#fa5685 Preview

Shades and Tints of #fa5685

Tones of #fa5685

Color Blindness Simulator