#f95558 Color Information
In a RGB color space, hex #f95558 is composed of 97.6% red, 33.3% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 65.9% magenta, 64.7% yellow and 2.4% black. It has a hue angle of 358.9 degrees, a saturation of 93.2% and a lightness of 65.5%. #f95558 color hex could be obtained by blending #ffaab0 with #f30000. Closest websafe color is: #ff6666.
-
- R 98
- G 33
- B 35
-
- C 0
- M 66
- Y 65
- K 2
● #f95558 color description : Soft red.
#f95558 Color Conversion
The hexadecimal color #f95558 has RGB values of R:249, G:85, B:88 and CMYK values of C:0, M:0.66, Y:0.65, K:0.02. Its decimal value is 16340312.
| Hex triplet | f95558 | #f95558 |
|---|---|---|
| RGB Decimal | 249, 85, 88 | rgb(249,85,88) |
| RGB Percent | 97.6, 33.3, 34.5 | rgb(97.6%,33.3%,34.5%) |
| CMYK | 0, 66, 65, 2 | |
| HSL | 358.9°, 93.2, 65.5 | hsl(358.9,93.2%,65.5%) |
| HSV (or HSB) | 358.9°, 65.9, 97.6 | |
| Web Safe | ff6666 | #ff6666 |
| CIE-LAB | 59.293, 62.48, 33.425 |
|---|---|
| XYZ | 44.079, 27.346, 12.189 |
| xyY | 0.527, 0.327, 27.346 |
| CIE-LCH | 59.293, 70.859, 28.146 |
| CIE-LUV | 59.293, 124.387, 25.5 |
| Hunter-Lab | 52.293, 58.945, 22.785 |
| Binary | 11111001, 01010101, 01011000 |
Color Schemes with #f95558
Alternatives to #f95558
Below, you can see some colors close to #f95558. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f95558 Preview
This text has a font color of #f95558.
<span style="color:#f95558;">Text here</span>
This paragraph has a background color of #f95558.
<p style="background-color:#f95558;">Content here</p>
This element has a border color of #f95558.
<div style="border:1px solid #f95558;">Content here</div>
.text {color:#f95558;}
.background {background-color:#f95558;}
.border {border:1px solid #f95558;}
Shades and Tints of #f95558
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) -
#5f0305
#5f0305rgb(95,3,5) -
#720406
#720406rgb(114,4,6) -
#850507
#850507rgb(133,5,7) -
#980508
#980508rgb(152,5,8) -
#ab0609
#ab0609rgb(171,6,9) -
#be070a
#be070argb(190,7,10) -
#d1070b
#d1070brgb(209,7,11) -
#e4080c
#e4080crgb(228,8,12)
-
#f6090e
#f6090ergb(246,9,14) -
#f71c20
#f71c20rgb(247,28,32) -
#f82f33
#f82f33rgb(248,47,51) -
#f84245
#f84245rgb(248,66,69) -
#f95558
#f95558rgb(249,85,88) -
#fa686b
#fa686brgb(250,104,107) -
#fa7b7d
#fa7b7drgb(250,123,125) -
#fb8e90
#fb8e90rgb(251,142,144) -
#fca1a2
#fca1a2rgb(252,161,162) -
#fcb4b5
#fcb4b5rgb(252,180,181) -
#fdc7c8
#fdc7c8rgb(253,199,200) -
#fedada
#fedadargb(254,218,218) -
#feeded
#feededrgb(254,237,237)
Tones of #f95558
A tone is produced by adding gray to any pure hue. In this case, #a8a6a6 is the less saturated color, while #f95558 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) -
#c38b8c
#c38b8crgb(195,139,140) -
#ca8486
#ca8486rgb(202,132,134) -
#d07e7f
#d07e7frgb(208,126,127) -
#d77779
#d77779rgb(215,119,121) -
#de7072
#de7072rgb(222,112,114) -
#e5696c
#e5696crgb(229,105,108) -
#eb6365
#eb6365rgb(235,99,101) -
#f25c5f
#f25c5frgb(242,92,95) -
#f95558
#f95558rgb(249,85,88)
Color Blindness Simulator
Below, you can see how #f95558 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.
