#f48886 Color Information
In a RGB color space, hex #f48886 is composed of 95.7% red, 53.3% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 44.3% magenta, 45.1% yellow and 4.3% black. It has a hue angle of 1.1 degrees, a saturation of 83.3% and a lightness of 74.1%. #f48886 color hex could be obtained by blending #ffffff with #e9110d. Closest websafe color is: #ff9999.
-
- R 96
- G 53
- B 53
-
- C 0
- M 44
- Y 45
- K 4
● #f48886 color description : Soft red.
#f48886 Color Conversion
The hexadecimal color #f48886 has RGB values of R:244, G:136, B:134 and CMYK values of C:0, M:0.44, Y:0.45, K:0.04. Its decimal value is 16025734.
| Hex triplet | f48886 | #f48886 |
|---|---|---|
| RGB Decimal | 244, 136, 134 | rgb(244,136,134) |
| RGB Percent | 95.7, 53.3, 52.5 | rgb(95.7%,53.3%,52.5%) |
| CMYK | 0, 44, 45, 4 | |
| HSL | 1.1°, 83.3, 74.1 | hsl(1.1,83.3%,74.1%) |
| HSV (or HSB) | 1.1°, 45.1, 95.7 | |
| Web Safe | ff9999 | #ff9999 |
| CIE-LAB | 68.436, 40.796, 19.401 |
|---|---|
| XYZ | 50.416, 38.566, 27.342 |
| xyY | 0.433, 0.332, 38.566 |
| CIE-LCH | 68.436, 45.174, 25.433 |
| CIE-LUV | 68.436, 76.352, 17.694 |
| Hunter-Lab | 62.102, 36.234, 17.367 |
| Binary | 11110100, 10001000, 10000110 |
Color Schemes with #f48886
Alternatives to #f48886
Below, you can see some colors close to #f48886. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f48886 Preview
This text has a font color of #f48886.
<span style="color:#f48886;">Text here</span>
This paragraph has a background color of #f48886.
<p style="background-color:#f48886;">Content here</p>
This element has a border color of #f48886.
<div style="border:1px solid #f48886;">Content here</div>
.text {color:#f48886;}
.background {background-color:#f48886;}
.border {border:1px solid #f48886;}
Shades and Tints of #f48886
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, #050100 is the darkest color, while #fef2f2 is the lightest one.
-
#050100
#050100rgb(5,1,0) -
#170202
#170202rgb(23,2,2) -
#290404
#290404rgb(41,4,4) -
#3b0605
#3b0605rgb(59,6,5) -
#4d0807
#4d0807rgb(77,8,7) -
#5f0a09
#5f0a09rgb(95,10,9) -
#710c0a
#710c0argb(113,12,10) -
#830e0c
#830e0crgb(131,14,12) -
#95100e
#95100ergb(149,16,14) -
#a7120f
#a7120frgb(167,18,15) -
#b91411
#b91411rgb(185,20,17) -
#cb1612
#cb1612rgb(203,22,18) -
#dd1814
#dd1814rgb(221,24,20)
-
#ea1e1a
#ea1e1argb(234,30,26) -
#ec302c
#ec302crgb(236,48,44) -
#ed413e
#ed413ergb(237,65,62) -
#ef5350
#ef5350rgb(239,83,80) -
#f16562
#f16562rgb(241,101,98) -
#f27674
#f27674rgb(242,118,116) -
#f48886
#f48886rgb(244,136,134) -
#f69a98
#f69a98rgb(246,154,152) -
#f7abaa
#f7abaargb(247,171,170) -
#f9bdbc
#f9bdbcrgb(249,189,188) -
#fbcfce
#fbcfcergb(251,207,206) -
#fce0e0
#fce0e0rgb(252,224,224) -
#fef2f2
#fef2f2rgb(254,242,242)
Tones of #f48886
A tone is produced by adding gray to any pure hue. In this case, #c1b9b9 is the less saturated color, while #fe7e7c is the most saturated one.
-
#c1b9b9
#c1b9b9rgb(193,185,185) -
#c6b4b4
#c6b4b4rgb(198,180,180) -
#cbafaf
#cbafafrgb(203,175,175) -
#d0aaaa
#d0aaaargb(208,170,170) -
#d6a5a4
#d6a5a4rgb(214,165,164) -
#dba09f
#dba09frgb(219,160,159) -
#e09c9a
#e09c9argb(224,156,154) -
#e59795
#e59795rgb(229,151,149) -
#ea9290
#ea9290rgb(234,146,144) -
#ef8d8b
#ef8d8brgb(239,141,139) -
#f48886
#f48886rgb(244,136,134) -
#f98381
#f98381rgb(249,131,129) -
#fe7e7c
#fe7e7crgb(254,126,124)
Color Blindness Simulator
Below, you can see how #f48886 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.
