#f95559 Color Information
In a RGB color space, hex #f95559 is composed of 97.6% red, 33.3% green and 34.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 65.9% magenta, 64.3% yellow and 2.4% black. It has a hue angle of 358.5 degrees, a saturation of 93.2% and a lightness of 65.5%. #f95559 color hex could be obtained by blending #ffaab2 with #f30000. Closest websafe color is: #ff6666.
-
- R 98
- G 33
- B 35
-
- C 0
- M 66
- Y 64
- K 2
● #f95559 color description : Soft red.
#f95559 Color Conversion
The hexadecimal color #f95559 has RGB values of R:249, G:85, B:89 and CMYK values of C:0, M:0.66, Y:0.64, K:0.02. Its decimal value is 16340313.
| Hex triplet | f95559 | #f95559 |
|---|---|---|
| RGB Decimal | 249, 85, 89 | rgb(249,85,89) |
| RGB Percent | 97.6, 33.3, 34.9 | rgb(97.6%,33.3%,34.9%) |
| CMYK | 0, 66, 64, 2 | |
| HSL | 358.5°, 93.2, 65.5 | hsl(358.5,93.2%,65.5%) |
| HSV (or HSB) | 358.5°, 65.9, 97.6 | |
| Web Safe | ff6666 | #ff6666 |
| CIE-LAB | 59.309, 62.536, 32.876 |
|---|---|
| XYZ | 44.12, 27.363, 12.409 |
| xyY | 0.526, 0.326, 27.363 |
| CIE-LCH | 59.309, 70.651, 27.732 |
| CIE-LUV | 59.309, 124.145, 24.994 |
| Hunter-Lab | 52.309, 59.014, 22.552 |
| Binary | 11111001, 01010101, 01011001 |
Color Schemes with #f95559
Alternatives to #f95559
Below, you can see some colors close to #f95559. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f95559 Preview
This text has a font color of #f95559.
<span style="color:#f95559;">Text here</span>
This paragraph has a background color of #f95559.
<p style="background-color:#f95559;">Content here</p>
This element has a border color of #f95559.
<div style="border:1px solid #f95559;">Content here</div>
.text {color:#f95559;}
.background {background-color:#f95559;}
.border {border:1px solid #f95559;}
Shades and Tints of #f95559
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) -
#390203
#390203rgb(57,2,3) -
#4c0304
#4c0304rgb(76,3,4) -
#5f0306
#5f0306rgb(95,3,6) -
#720407
#720407rgb(114,4,7) -
#850508
#850508rgb(133,5,8) -
#980509
#980509rgb(152,5,9) -
#ab060a
#ab060argb(171,6,10) -
#be070b
#be070brgb(190,7,11) -
#d1070c
#d1070crgb(209,7,12) -
#e4080d
#e4080drgb(228,8,13)
-
#f6090f
#f6090frgb(246,9,15) -
#f71c21
#f71c21rgb(247,28,33) -
#f82f34
#f82f34rgb(248,47,52) -
#f84246
#f84246rgb(248,66,70) -
#f95559
#f95559rgb(249,85,89) -
#fa686c
#fa686crgb(250,104,108) -
#fa7b7e
#fa7b7ergb(250,123,126) -
#fb8e91
#fb8e91rgb(251,142,145) -
#fca1a3
#fca1a3rgb(252,161,163) -
#fcb4b6
#fcb4b6rgb(252,180,182) -
#fdc7c8
#fdc7c8rgb(253,199,200) -
#fedadb
#fedadbrgb(254,218,219) -
#feeded
#feededrgb(254,237,237)
Tones of #f95559
A tone is produced by adding gray to any pure hue. In this case, #a8a6a6 is the less saturated color, while #f95559 is the most saturated one.
-
#a8a6a6
#a8a6a6rgb(168,166,166) -
#af9fa0
#af9fa0rgb(175,159,160) -
#b59999
#b59999rgb(181,153,153) -
#bc9293
#bc9293rgb(188,146,147) -
#c38b8d
#c38b8drgb(195,139,141) -
#ca8486
#ca8486rgb(202,132,134) -
#d07e80
#d07e80rgb(208,126,128) -
#d77779
#d77779rgb(215,119,121) -
#de7073
#de7073rgb(222,112,115) -
#e5696c
#e5696crgb(229,105,108) -
#eb6366
#eb6366rgb(235,99,102) -
#f25c5f
#f25c5frgb(242,92,95) -
#f95559
#f95559rgb(249,85,89)
Color Blindness Simulator
Below, you can see how #f95559 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.
