#f16363 Color Information
In a RGB color space, hex #f16363 is composed of 94.5% red, 38.8% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 58.9% magenta, 58.9% yellow and 5.5% black. It has a hue angle of 0 degrees, a saturation of 83.5% and a lightness of 66.7%. #f16363 color hex could be obtained by blending #ffc6c6 with #e30000. Closest websafe color is: #ff6666.
-
- R 95
- G 39
- B 39
-
- C 0
- M 59
- Y 59
- K 5
● #f16363 color description : Soft red.
#f16363 Color Conversion
The hexadecimal color #f16363 has RGB values of R:241, G:99, B:99 and CMYK values of C:0, M:0.59, Y:0.59, K:0.05. Its decimal value is 15819619.
| Hex triplet | f16363 | #f16363 |
|---|---|---|
| RGB Decimal | 241, 99, 99 | rgb(241,99,99) |
| RGB Percent | 94.5, 38.8, 38.8 | rgb(94.5%,38.8%,38.8%) |
| CMYK | 0, 59, 59, 5 | |
| HSL | 0°, 83.5, 66.7 | hsl(0,83.5%,66.7%) |
| HSV (or HSB) | 0°, 58.9, 94.5 | |
| Web Safe | ff6666 | #ff6666 |
| CIE-LAB | 60.364, 54.654, 28.262 |
|---|---|
| XYZ | 42.991, 28.53, 15.047 |
| xyY | 0.497, 0.33, 28.53 |
| CIE-LCH | 60.364, 61.529, 27.344 |
| CIE-LUV | 60.364, 106.234, 22.915 |
| Hunter-Lab | 53.413, 50.198, 20.687 |
| Binary | 11110001, 01100011, 01100011 |
Color Schemes with #f16363
Alternatives to #f16363
Below, you can see some colors close to #f16363. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f16363 Preview
This text has a font color of #f16363.
<span style="color:#f16363;">Text here</span>
This paragraph has a background color of #f16363.
<p style="background-color:#f16363;">Content here</p>
This element has a border color of #f16363.
<div style="border:1px solid #f16363;">Content here</div>
.text {color:#f16363;}
.background {background-color:#f16363;}
.border {border:1px solid #f16363;}
Shades and Tints of #f16363
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, #060101 is the darkest color, while #fef3f3 is the lightest one.
-
#060101
#060101rgb(6,1,1) -
#180202
#180202rgb(24,2,2) -
#2a0404
#2a0404rgb(42,4,4) -
#3c0505
#3c0505rgb(60,5,5) -
#4e0707
#4e0707rgb(78,7,7) -
#600909
#600909rgb(96,9,9) -
#720a0a
#720a0argb(114,10,10) -
#840c0c
#840c0crgb(132,12,12) -
#960d0d
#960d0drgb(150,13,13) -
#a80f0f
#a80f0frgb(168,15,15) -
#ba1111
#ba1111rgb(186,17,17) -
#cc1212
#cc1212rgb(204,18,18) -
#de1414
#de1414rgb(222,20,20)
-
#eb1b1b
#eb1b1brgb(235,27,27) -
#ec2d2d
#ec2d2drgb(236,45,45) -
#ee3f3f
#ee3f3frgb(238,63,63) -
#ef5151
#ef5151rgb(239,81,81) -
#f16363
#f16363rgb(241,99,99) -
#f37575
#f37575rgb(243,117,117) -
#f48787
#f48787rgb(244,135,135) -
#f69999
#f69999rgb(246,153,153) -
#f7abab
#f7ababrgb(247,171,171) -
#f9bdbd
#f9bdbdrgb(249,189,189) -
#fbcfcf
#fbcfcfrgb(251,207,207) -
#fce1e1
#fce1e1rgb(252,225,225) -
#fef3f3
#fef3f3rgb(254,243,243)
Tones of #f16363
A tone is produced by adding gray to any pure hue. In this case, #b0a4a4 is the less saturated color, while #fe5656 is the most saturated one.
-
#b0a4a4
#b0a4a4rgb(176,164,164) -
#b69e9e
#b69e9ergb(182,158,158) -
#bd9797
#bd9797rgb(189,151,151) -
#c39191
#c39191rgb(195,145,145) -
#ca8a8a
#ca8a8argb(202,138,138) -
#d08484
#d08484rgb(208,132,132) -
#d77d7d
#d77d7drgb(215,125,125) -
#dd7777
#dd7777rgb(221,119,119) -
#e47070
#e47070rgb(228,112,112) -
#ea6a6a
#ea6a6argb(234,106,106) -
#f16363
#f16363rgb(241,99,99) -
#f85c5c
#f85c5crgb(248,92,92) -
#fe5656
#fe5656rgb(254,86,86)
Color Blindness Simulator
Below, you can see how #f16363 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.
