#f96363 Color Information
In a RGB color space, hex #f96363 is composed of 97.6% red, 38.8% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 60.2% magenta, 60.2% yellow and 2.4% black. It has a hue angle of 0 degrees, a saturation of 92.6% and a lightness of 68.2%. #f96363 color hex could be obtained by blending #ffc6c6 with #f30000. Closest websafe color is: #ff6666.
-
- R 98
- G 39
- B 39
-
- C 0
- M 60
- Y 60
- K 2
● #f96363 color description : Soft red.
#f96363 Color Conversion
The hexadecimal color #f96363 has RGB values of R:249, G:99, B:99 and CMYK values of C:0, M:0.6, Y:0.6, K:0.02. Its decimal value is 16343907.
| Hex triplet | f96363 | #f96363 |
|---|---|---|
| RGB Decimal | 249, 99, 99 | rgb(249,99,99) |
| RGB Percent | 97.6, 38.8, 38.8 | rgb(97.6%,38.8%,38.8%) |
| CMYK | 0, 60, 60, 2 | |
| HSL | 0°, 92.6, 68.2 | hsl(0,92.6%,68.2%) |
| HSV (or HSB) | 0°, 60.2, 97.6 | |
| Web Safe | ff6666 | #ff6666 |
| CIE-LAB | 61.627, 57.343, 30.141 |
|---|---|
| XYZ | 45.782, 29.969, 15.177 |
| xyY | 0.503, 0.33, 29.969 |
| CIE-LCH | 61.627, 64.782, 27.728 |
| CIE-LUV | 61.627, 112.769, 24.325 |
| Hunter-Lab | 54.744, 53.478, 21.883 |
| Binary | 11111001, 01100011, 01100011 |
Color Schemes with #f96363
Alternatives to #f96363
Below, you can see some colors close to #f96363. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f96363 Preview
This text has a font color of #f96363.
<span style="color:#f96363;">Text here</span>
This paragraph has a background color of #f96363.
<p style="background-color:#f96363;">Content here</p>
This element has a border color of #f96363.
<div style="border:1px solid #f96363;">Content here</div>
.text {color:#f96363;}
.background {background-color:#f96363;}
.border {border:1px solid #f96363;}
Shades and Tints of #f96363
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, #0e0101 is the darkest color, while #fffafa is the lightest one.
-
#0e0101
#0e0101rgb(14,1,1) -
#210101
#210101rgb(33,1,1) -
#340202
#340202rgb(52,2,2) -
#470303
#470303rgb(71,3,3) -
#5a0303
#5a0303rgb(90,3,3) -
#6c0404
#6c0404rgb(108,4,4) -
#7f0505
#7f0505rgb(127,5,5) -
#920606
#920606rgb(146,6,6) -
#a50606
#a50606rgb(165,6,6) -
#b80707
#b80707rgb(184,7,7) -
#cb0808
#cb0808rgb(203,8,8) -
#de0909
#de0909rgb(222,9,9) -
#f10909
#f10909rgb(241,9,9)
-
#f61717
#f61717rgb(246,23,23) -
#f72a2a
#f72a2argb(247,42,42) -
#f83d3d
#f83d3drgb(248,61,61) -
#f85050
#f85050rgb(248,80,80) -
#f96363
#f96363rgb(249,99,99) -
#fa7676
#fa7676rgb(250,118,118) -
#fa8989
#fa8989rgb(250,137,137) -
#fb9c9c
#fb9c9crgb(251,156,156) -
#fcafaf
#fcafafrgb(252,175,175) -
#fdc1c1
#fdc1c1rgb(253,193,193) -
#fdd4d4
#fdd4d4rgb(253,212,212) -
#fee7e7
#fee7e7rgb(254,231,231) -
#fffafa
#fffafargb(255,250,250)
Tones of #f96363
A tone is produced by adding gray to any pure hue. In this case, #aeaeae is the less saturated color, while #f96363 is the most saturated one.
-
#aeaeae
#aeaeaergb(174,174,174) -
#b4a8a8
#b4a8a8rgb(180,168,168) -
#bba1a1
#bba1a1rgb(187,161,161) -
#c19b9b
#c19b9brgb(193,155,155) -
#c79595
#c79595rgb(199,149,149) -
#cd8f8f
#cd8f8frgb(205,143,143) -
#d48888
#d48888rgb(212,136,136) -
#da8282
#da8282rgb(218,130,130) -
#e07c7c
#e07c7crgb(224,124,124) -
#e67676
#e67676rgb(230,118,118) -
#ed6f6f
#ed6f6frgb(237,111,111) -
#f36969
#f36969rgb(243,105,105) -
#f96363
#f96363rgb(249,99,99)
Color Blindness Simulator
Below, you can see how #f96363 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.
