#f95556 Color Information
In a RGB color space, hex #f95556 is composed of 97.6% red, 33.3% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 65.9% magenta, 65.5% yellow and 2.4% black. It has a hue angle of 359.6 degrees, a saturation of 93.2% and a lightness of 65.5%. #f95556 color hex could be obtained by blending #ffaaac with #f30000. Closest websafe color is: #ff6666.
-
- R 98
- G 33
- B 34
-
- C 0
- M 66
- Y 65
- K 2
● #f95556 color description : Soft red.
#f95556 Color Conversion
The hexadecimal color #f95556 has RGB values of R:249, G:85, B:86 and CMYK values of C:0, M:0.66, Y:0.65, K:0.02. Its decimal value is 16340310.
| Hex triplet | f95556 | #f95556 |
|---|---|---|
| RGB Decimal | 249, 85, 86 | rgb(249,85,86) |
| RGB Percent | 97.6, 33.3, 33.7 | rgb(97.6%,33.3%,33.7%) |
| CMYK | 0, 66, 65, 2 | |
| HSL | 359.6°, 93.2, 65.5 | hsl(359.6,93.2%,65.5%) |
| HSV (or HSB) | 359.6°, 65.9, 97.6 | |
| Web Safe | ff6666 | #ff6666 |
| CIE-LAB | 59.263, 62.37, 34.522 |
|---|---|
| XYZ | 43.997, 27.313, 11.759 |
| xyY | 0.53, 0.329, 27.313 |
| CIE-LCH | 59.263, 71.286, 28.965 |
| CIE-LUV | 59.263, 124.864, 26.495 |
| Hunter-Lab | 52.262, 58.811, 23.243 |
| Binary | 11111001, 01010101, 01010110 |
Color Schemes with #f95556
Alternatives to #f95556
Below, you can see some colors close to #f95556. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f95556 Preview
This text has a font color of #f95556.
<span style="color:#f95556;">Text here</span>
This paragraph has a background color of #f95556.
<p style="background-color:#f95556;">Content here</p>
This element has a border color of #f95556.
<div style="border:1px solid #f95556;">Content here</div>
.text {color:#f95556;}
.background {background-color:#f95556;}
.border {border:1px solid #f95556;}
Shades and Tints of #f95556
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, #010000 is the darkest color, while #feeded is the lightest one.
-
#010000
#010000rgb(1,0,0) -
#130101
#130101rgb(19,1,1) -
#260102
#260102rgb(38,1,2) -
#390202
#390202rgb(57,2,2) -
#4c0303
#4c0303rgb(76,3,3) -
#5f0304
#5f0304rgb(95,3,4) -
#720405
#720405rgb(114,4,5) -
#850505
#850505rgb(133,5,5) -
#980506
#980506rgb(152,5,6) -
#ab0607
#ab0607rgb(171,6,7) -
#be0708
#be0708rgb(190,7,8) -
#d10709
#d10709rgb(209,7,9) -
#e40809
#e40809rgb(228,8,9)
-
#f6090b
#f6090brgb(246,9,11) -
#f71c1d
#f71c1drgb(247,28,29) -
#f82f30
#f82f30rgb(248,47,48) -
#f84243
#f84243rgb(248,66,67) -
#f95556
#f95556rgb(249,85,86) -
#fa6869
#fa6869rgb(250,104,105) -
#fa7b7c
#fa7b7crgb(250,123,124) -
#fb8e8f
#fb8e8frgb(251,142,143) -
#fca1a1
#fca1a1rgb(252,161,161) -
#fcb4b4
#fcb4b4rgb(252,180,180) -
#fdc7c7
#fdc7c7rgb(253,199,199) -
#fedada
#fedadargb(254,218,218) -
#feeded
#feededrgb(254,237,237)
Tones of #f95556
A tone is produced by adding gray to any pure hue. In this case, #a8a6a6 is the less saturated color, while #f95556 is the most saturated one.
-
#a8a6a6
#a8a6a6rgb(168,166,166) -
#af9fa0
#af9fa0rgb(175,159,160) -
#b59999
#b59999rgb(181,153,153) -
#bc9292
#bc9292rgb(188,146,146) -
#c38b8b
#c38b8brgb(195,139,139) -
#ca8485
#ca8485rgb(202,132,133) -
#d07e7e
#d07e7ergb(208,126,126) -
#d77777
#d77777rgb(215,119,119) -
#de7071
#de7071rgb(222,112,113) -
#e5696a
#e5696argb(229,105,106) -
#eb6363
#eb6363rgb(235,99,99) -
#f25c5d
#f25c5drgb(242,92,93) -
#f95556
#f95556rgb(249,85,86)
Color Blindness Simulator
Below, you can see how #f95556 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.
