#f9555b Color Information
In a RGB color space, hex #f9555b is composed of 97.6% red, 33.3% green and 35.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 65.9% magenta, 63.5% yellow and 2.4% black. It has a hue angle of 357.8 degrees, a saturation of 93.2% and a lightness of 65.5%. #f9555b color hex could be obtained by blending #ffaab6 with #f30000. Closest websafe color is: #ff6666.
-
- R 98
- G 33
- B 36
-
- C 0
- M 66
- Y 63
- K 2
● #f9555b color description : Soft red.
#f9555b Color Conversion
The hexadecimal color #f9555b has RGB values of R:249, G:85, B:91 and CMYK values of C:0, M:0.66, Y:0.63, K:0.02. Its decimal value is 16340315.
| Hex triplet | f9555b | #f9555b |
|---|---|---|
| RGB Decimal | 249, 85, 91 | rgb(249,85,91) |
| RGB Percent | 97.6, 33.3, 35.7 | rgb(97.6%,33.3%,35.7%) |
| CMYK | 0, 66, 63, 2 | |
| HSL | 357.8°, 93.2, 65.5 | hsl(357.8,93.2%,65.5%) |
| HSV (or HSB) | 357.8°, 65.9, 97.6 | |
| Web Safe | ff6666 | #ff6666 |
| CIE-LAB | 59.34, 62.65, 31.776 |
|---|---|
| XYZ | 44.205, 27.397, 12.857 |
| xyY | 0.523, 0.324, 27.397 |
| CIE-LCH | 59.34, 70.247, 26.894 |
| CIE-LUV | 59.34, 123.654, 23.967 |
| Hunter-Lab | 52.342, 59.154, 22.075 |
| Binary | 11111001, 01010101, 01011011 |
Color Schemes with #f9555b
Alternatives to #f9555b
Below, you can see some colors close to #f9555b. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f9555b Preview
This text has a font color of #f9555b.
<span style="color:#f9555b;">Text here</span>
This paragraph has a background color of #f9555b.
<p style="background-color:#f9555b;">Content here</p>
This element has a border color of #f9555b.
<div style="border:1px solid #f9555b;">Content here</div>
.text {color:#f9555b;}
.background {background-color:#f9555b;}
.border {border:1px solid #f9555b;}
Shades and Tints of #f9555b
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) -
#260103
#260103rgb(38,1,3) -
#390204
#390204rgb(57,2,4) -
#4c0305
#4c0305rgb(76,3,5) -
#5f0307
#5f0307rgb(95,3,7) -
#720408
#720408rgb(114,4,8) -
#850509
#850509rgb(133,5,9) -
#98050b
#98050brgb(152,5,11) -
#ab060c
#ab060crgb(171,6,12) -
#be070d
#be070drgb(190,7,13) -
#d1070f
#d1070frgb(209,7,15) -
#e40810
#e40810rgb(228,8,16)
-
#f60912
#f60912rgb(246,9,18) -
#f71c24
#f71c24rgb(247,28,36) -
#f82f36
#f82f36rgb(248,47,54) -
#f84249
#f84249rgb(248,66,73) -
#f9555b
#f9555brgb(249,85,91) -
#fa686d
#fa686drgb(250,104,109) -
#fa7b80
#fa7b80rgb(250,123,128) -
#fb8e92
#fb8e92rgb(251,142,146) -
#fca1a4
#fca1a4rgb(252,161,164) -
#fcb4b6
#fcb4b6rgb(252,180,182) -
#fdc7c9
#fdc7c9rgb(253,199,201) -
#fedadb
#fedadbrgb(254,218,219) -
#feeded
#feededrgb(254,237,237)
Tones of #f9555b
A tone is produced by adding gray to any pure hue. In this case, #a8a6a6 is the less saturated color, while #f9555b is the most saturated one.
-
#a8a6a6
#a8a6a6rgb(168,166,166) -
#af9fa0
#af9fa0rgb(175,159,160) -
#b5999a
#b5999argb(181,153,154) -
#bc9293
#bc9293rgb(188,146,147) -
#c38b8d
#c38b8drgb(195,139,141) -
#ca8487
#ca8487rgb(202,132,135) -
#d07e81
#d07e81rgb(208,126,129) -
#d7777a
#d7777argb(215,119,122) -
#de7074
#de7074rgb(222,112,116) -
#e5696e
#e5696ergb(229,105,110) -
#eb6368
#eb6368rgb(235,99,104) -
#f25c61
#f25c61rgb(242,92,97) -
#f9555b
#f9555brgb(249,85,91)
Color Blindness Simulator
Below, you can see how #f9555b 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.
