#f15686 Color Information
In a RGB color space, hex #f15686 is composed of 94.5% red, 33.7% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 64.3% magenta, 44.4% yellow and 5.5% black. It has a hue angle of 341.4 degrees, a saturation of 84.7% and a lightness of 64.1%. #f15686 color hex could be obtained by blending #ffacff with #e3000d. Closest websafe color is: #ff6699.
-
- R 95
- G 34
- B 53
-
- C 0
- M 64
- Y 44
- K 5
● #f15686 color description : Soft pink.
#f15686 Color Conversion
The hexadecimal color #f15686 has RGB values of R:241, G:86, B:134 and CMYK values of C:0, M:0.64, Y:0.44, K:0.05. Its decimal value is 15816326.
| Hex triplet | f15686 | #f15686 |
|---|---|---|
| RGB Decimal | 241, 86, 134 | rgb(241,86,134) |
| RGB Percent | 94.5, 33.7, 52.5 | rgb(94.5%,33.7%,52.5%) |
| CMYK | 0, 64, 44, 5 | |
| HSL | 341.4°, 84.7, 64.1 | hsl(341.4,84.7%,64.1%) |
| HSV (or HSB) | 341.4°, 64.3, 94.5 | |
| Web Safe | ff6699 | #ff6699 |
| CIE-LAB | 59.05, 63.027, 6.169 |
|---|---|
| XYZ | 43.908, 27.082, 25.468 |
| xyY | 0.455, 0.281, 27.082 |
| CIE-LCH | 59.05, 63.329, 5.59 |
| CIE-LUV | 59.05, 104.183, -4.171 |
| Hunter-Lab | 52.04, 59.535, 7.412 |
| Binary | 11110001, 01010110, 10000110 |
Color Schemes with #f15686
Alternatives to #f15686
Below, you can see some colors close to #f15686. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f15686 Preview
This text has a font color of #f15686.
<span style="color:#f15686;">Text here</span>
This paragraph has a background color of #f15686.
<p style="background-color:#f15686;">Content here</p>
This element has a border color of #f15686.
<div style="border:1px solid #f15686;">Content here</div>
.text {color:#f15686;}
.background {background-color:#f15686;}
.border {border:1px solid #f15686;}
Shades and Tints of #f15686
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
#0c0104rgb(12,1,4) -
#1e030b
#1e030brgb(30,3,11) -
#300412
#300412rgb(48,4,18) -
#420618
#420618rgb(66,6,24) -
#55071f
#55071frgb(85,7,31) -
#670926
#670926rgb(103,9,38) -
#790a2c
#790a2crgb(121,10,44) -
#8b0c33
#8b0c33rgb(139,12,51) -
#9d0d3a
#9d0d3argb(157,13,58) -
#af0f40
#af0f40rgb(175,15,64) -
#c11047
#c11047rgb(193,16,71) -
#d3124e
#d3124ergb(211,18,78) -
#e61354
#e61354rgb(230,19,84)
-
#ec205f
#ec205frgb(236,32,95) -
#ee326c
#ee326crgb(238,50,108) -
#ef4479
#ef4479rgb(239,68,121) -
#f15686
#f15686rgb(241,86,134) -
#f36893
#f36893rgb(243,104,147) -
#f47aa0
#f47aa0rgb(244,122,160) -
#f68cad
#f68cadrgb(246,140,173) -
#f79eba
#f79ebargb(247,158,186) -
#f9b1c7
#f9b1c7rgb(249,177,199) -
#fac3d4
#fac3d4rgb(250,195,212) -
#fcd5e1
#fcd5e1rgb(252,213,225) -
#fde7ee
#fde7eergb(253,231,238) -
#fff9fb
#fff9fbrgb(255,249,251)
Tones of #f15686
A tone is produced by adding gray to any pure hue. In this case, #a4a3a3 is the less saturated color, while #f84f83 is the most saturated one.
-
#a4a3a3
#a4a3a3rgb(164,163,163) -
#ab9ca1
#ab9ca1rgb(171,156,161) -
#b2959e
#b2959ergb(178,149,158) -
#b98e9b
#b98e9brgb(185,142,155) -
#c08799
#c08799rgb(192,135,153) -
#c78096
#c78096rgb(199,128,150) -
#ce7993
#ce7993rgb(206,121,147) -
#d57291
#d57291rgb(213,114,145) -
#dc6b8e
#dc6b8ergb(220,107,142) -
#e3648b
#e3648brgb(227,100,139) -
#ea5d89
#ea5d89rgb(234,93,137) -
#f15686
#f15686rgb(241,86,134) -
#f84f83
#f84f83rgb(248,79,131)
Color Blindness Simulator
Below, you can see how #f15686 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.
