#f15685 hex color

In a RGB color space, hex #f15685 is composed of 94.5% red, 33.7% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 64.3% magenta, 44.8% yellow and 5.5% black. It has a hue angle of 341.8 degrees, a saturation of 84.7% and a lightness of 64.1%. #f15685 color hex could be obtained by blending #ffacff with #e3000b. Closest websafe color is: #ff6699.

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

● #f15685 color description : Soft pink.

The hexadecimal color #f15685 has RGB values of R:241, G:86, B:133 and CMYK values of C:0, M:0.64, Y:0.45, K:0.05. Its decimal value is 15816325.

Hex triplet	f15685	`#f15685`
RGB Decimal	241, 86, 133	`rgb(241,86,133)`
RGB Percent	94.5, 33.7, 52.2	`rgb(94.5%,33.7%,52.2%)`
CMYK	0, 64, 45, 5
HSL	341.8°, 84.7, 64.1	`hsl(341.8,84.7%,64.1%)`
HSV (or HSB)	341.8°, 64.3, 94.5
Web Safe	ff6699	`#ff6699`

CIE-LAB	59.024, 62.934, 6.717
XYZ	43.838, 27.054, 25.102
xyY	0.457, 0.282, 27.054
CIE-LCH	59.024, 63.292, 6.092
CIE-LUV	59.024, 104.503, -3.464
Hunter-Lab	52.013, 59.42, 7.795
Binary	11110001, 01010110, 10000101

#f15685
```
#f15685 rgb(241,86,133)
```
#56f1c2
```
#56f1c2 rgb(86,241,194)
```

Complementary Color

#f156d3
```
#f156d3 rgb(241,86,211)
```
#f15685
```
#f15685 rgb(241,86,133)
```
#f17556
```
#f17556 rgb(241,117,86)
```

Analogous Color

#56d3f1
```
#56d3f1 rgb(86,211,241)
```
#f15685
```
#f15685 rgb(241,86,133)
```
#56f175
```
#56f175 rgb(86,241,117)
```

Split Complementary Color

#5685f1
```
#5685f1 rgb(86,133,241)
```
#f15685
```
#f15685 rgb(241,86,133)
```
#85f156
```
#85f156 rgb(133,241,86)
```

Triadic Color

#c256f1
```
#c256f1 rgb(194,86,241)
```
#f15685
```
#f15685 rgb(241,86,133)
```
#85f156
```
#85f156 rgb(133,241,86)
```
#56f1c2
```
#56f1c2 rgb(86,241,194)
```

Tetradic Color

#e71353
```
#e71353 rgb(231,19,83)
```
#ed2763
```
#ed2763 rgb(237,39,99)
```
#ef3e74
```
#ef3e74 rgb(239,62,116)
```
#f15685
```
#f15685 rgb(241,86,133)
```
#f36e96
```
#f36e96 rgb(243,110,150)
```
#f585a7
```
#f585a7 rgb(245,133,167)
```
#f79db8
```
#f79db8 rgb(247,157,184)
```

Monochromatic Color

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

#f156ac
```
#f156ac rgb(241,86,172)
```
#f1569f
```
#f1569f rgb(241,86,159)
```
#f15692
```
#f15692 rgb(241,86,146)
```
#f15685
```
#f15685 rgb(241,86,133)
```
#f15678
```
#f15678 rgb(241,86,120)
```
#f1566b
```
#f1566b rgb(241,86,107)
```
#f1565e
```
#f1565e rgb(241,86,94)
```

Similar Colors

Text with hexadecimal color #f15685

This text has a font color of #f15685.

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

#f15685 background color

This paragraph has a background color of #f15685.

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

#f15685 border color

This element has a border color of #f15685.

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

CSS codes

.text {color:#f15685;}

.background {background-color:#f15685;}

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

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, #0c0104 is the darkest color, while #fff9fb is the lightest one.

#0c0104
```
#0c0104 rgb(12,1,4)
```
#1e030b
```
#1e030b rgb(30,3,11)
```
#300411
```
#300411 rgb(48,4,17)
```
#420618
```
#420618 rgb(66,6,24)
```
#55071f
```
#55071f rgb(85,7,31)
```
#670925
```
#670925 rgb(103,9,37)
```
#790a2c
```
#790a2c rgb(121,10,44)
```
#8b0c32
```
#8b0c32 rgb(139,12,50)
```
#9d0d39
```
#9d0d39 rgb(157,13,57)
```
#af0f3f
```
#af0f3f rgb(175,15,63)
```
#c11046
```
#c11046 rgb(193,16,70)
```
#d3124c
```
#d3124c rgb(211,18,76)
```
#e61353
```
#e61353 rgb(230,19,83)
```

Shade Color Variation

#ec205e
```
#ec205e rgb(236,32,94)
```
#ee326b
```
#ee326b rgb(238,50,107)
```
#ef4478
```
#ef4478 rgb(239,68,120)
```
#f15685
```
#f15685 rgb(241,86,133)
```
#f36892
```
#f36892 rgb(243,104,146)
```
#f47a9f
```
#f47a9f rgb(244,122,159)
```
#f68cac
```
#f68cac rgb(246,140,172)
```
#f79eb9
```
#f79eb9 rgb(247,158,185)
```
#f9b1c6
```
#f9b1c6 rgb(249,177,198)
```
#fac3d3
```
#fac3d3 rgb(250,195,211)
```
#fcd5e1
```
#fcd5e1 rgb(252,213,225)
```
#fde7ee
```
#fde7ee rgb(253,231,238)
```
#fff9fb
```
#fff9fb rgb(255,249,251)
```

Tint Color Variation

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

#a4a3a3
```
#a4a3a3 rgb(164,163,163)
```
#ab9ca1
```
#ab9ca1 rgb(171,156,161)
```
#b2959e
```
#b2959e rgb(178,149,158)
```
#b98e9b
```
#b98e9b rgb(185,142,155)
```
#c08798
```
#c08798 rgb(192,135,152)
```
#c78096
```
#c78096 rgb(199,128,150)
```
#ce7993
```
#ce7993 rgb(206,121,147)
```
#d57290
```
#d57290 rgb(213,114,144)
```
#dc6b8d
```
#dc6b8d rgb(220,107,141)
```
#e3648b
```
#e3648b rgb(227,100,139)
```
#ea5d88
```
#ea5d88 rgb(234,93,136)
```
#f15685
```
#f15685 rgb(241,86,133)
```
#f84f82
```
#f84f82 rgb(248,79,130)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#9f8089 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9092a5 Protanopia 1% of men
#a88e80 Deuteranopia 1% of men
#ef656b Tritanopia 0.001% of the population

Trichromacy

#b37c99 Protanomaly 1% of men, 0.01% of women
#c27a82 Deuteranomaly 6% of men, 0.4% of women
#f05f74 Tritanomaly 0.01% of the population

#f15685 hex color

#f15685 Color Information

#f15685 Color Conversion

Color Schemes with #f15685

Alternatives to #f15685

#f15685 Preview

Shades and Tints of #f15685

Tones of #f15685

Color Blindness Simulator