#f85363 Color Information
In a RGB color space, hex #f85363 is composed of 97.3% red, 32.5% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 66.5% magenta, 60.1% yellow and 2.7% black. It has a hue angle of 354.2 degrees, a saturation of 92.2% and a lightness of 64.9%. #f85363 color hex could be obtained by blending #ffa6c6 with #f10000. Closest websafe color is: #ff6666.
-
- R 97
- G 33
- B 39
-
- C 0
- M 67
- Y 60
- K 3
● #f85363 color description : Soft red.
#f85363 Color Conversion
The hexadecimal color #f85363 has RGB values of R:248, G:83, B:99 and CMYK values of C:0, M:0.67, Y:0.6, K:0.03. Its decimal value is 16274275.
| Hex triplet | f85363 | #f85363 |
|---|---|---|
| RGB Decimal | 248, 83, 99 | rgb(248,83,99) |
| RGB Percent | 97.3, 32.5, 38.8 | rgb(97.3%,32.5%,38.8%) |
| CMYK | 0, 67, 60, 3 | |
| HSL | 354.2°, 92.2, 64.9 | hsl(354.2,92.2%,64.9%) |
| HSV (or HSB) | 354.2°, 66.5, 97.3 | |
| Web Safe | ff6666 | #ff6666 |
| CIE-LAB | 59.019, 63.602, 26.732 |
|---|---|
| XYZ | 44.058, 27.049, 14.705 |
| xyY | 0.513, 0.315, 27.049 |
| CIE-LCH | 59.019, 68.991, 22.797 |
| CIE-LUV | 59.019, 121.978, 18.836 |
| Hunter-Lab | 52.008, 60.201, 19.642 |
| Binary | 11111000, 01010011, 01100011 |
Color Schemes with #f85363
Alternatives to #f85363
Below, you can see some colors close to #f85363. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f85363 Preview
This text has a font color of #f85363.
<span style="color:#f85363;">Text here</span>
This paragraph has a background color of #f85363.
<p style="background-color:#f85363;">Content here</p>
This element has a border color of #f85363.
<div style="border:1px solid #f85363;">Content here</div>
.text {color:#f85363;}
.background {background-color:#f85363;}
.border {border:1px solid #f85363;}
Shades and Tints of #f85363
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, #100102 is the darkest color, while #fffdfd is the lightest one.
-
#100102
#100102rgb(16,1,2) -
#230105
#230105rgb(35,1,5) -
#360207
#360207rgb(54,2,7) -
#49030a
#49030argb(73,3,10) -
#5c040c
#5c040crgb(92,4,12) -
#6f050f
#6f050frgb(111,5,15) -
#820511
#820511rgb(130,5,17) -
#940614
#940614rgb(148,6,20) -
#a70716
#a70716rgb(167,7,22) -
#ba0819
#ba0819rgb(186,8,25) -
#cd081b
#cd081brgb(205,8,27) -
#e0091e
#e0091ergb(224,9,30) -
#f30a20
#f30a20rgb(243,10,32)
-
#f61a30
#f61a30rgb(246,26,48) -
#f62d41
#f62d41rgb(246,45,65) -
#f74052
#f74052rgb(247,64,82) -
#f85363
#f85363rgb(248,83,99) -
#f96674
#f96674rgb(249,102,116) -
#fa7985
#fa7985rgb(250,121,133) -
#fa8c96
#fa8c96rgb(250,140,150) -
#fb9ea7
#fb9ea7rgb(251,158,167) -
#fcb1b8
#fcb1b8rgb(252,177,184) -
#fdc4ca
#fdc4cargb(253,196,202) -
#fdd7db
#fdd7dbrgb(253,215,219) -
#feeaec
#feeaecrgb(254,234,236) -
#fffdfd
#fffdfdrgb(255,253,253)
Tones of #f85363
A tone is produced by adding gray to any pure hue. In this case, #ac9fa0 is the less saturated color, while #ff4c5d is the most saturated one.
-
#ac9fa0
#ac9fa0rgb(172,159,160) -
#b3989a
#b3989argb(179,152,154) -
#ba9195
#ba9195rgb(186,145,149) -
#c18a8f
#c18a8frgb(193,138,143) -
#c8838a
#c8838argb(200,131,138) -
#cf7c84
#cf7c84rgb(207,124,132) -
#d6757f
#d6757frgb(214,117,127) -
#dc6f79
#dc6f79rgb(220,111,121) -
#e36874
#e36874rgb(227,104,116) -
#ea616e
#ea616ergb(234,97,110) -
#f15a69
#f15a69rgb(241,90,105) -
#f85363
#f85363rgb(248,83,99) -
#ff4c5d
#ff4c5drgb(255,76,93)
Color Blindness Simulator
Below, you can see how #f85363 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.
