#f5384e Color Information
In a RGB color space, hex #f5384e is composed of 96.1% red, 22% green and 30.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 77.1% magenta, 68.2% yellow and 3.9% black. It has a hue angle of 353 degrees, a saturation of 90.4% and a lightness of 59%. #f5384e color hex could be obtained by blending #ff709c with #eb0000. Closest websafe color is: #ff3366.
-
- R 96
- G 22
- B 31
-
- C 0
- M 77
- Y 68
- K 4
● #f5384e color description : Bright red.
#f5384e Color Conversion
The hexadecimal color #f5384e has RGB values of R:245, G:56, B:78 and CMYK values of C:0, M:0.77, Y:0.68, K:0.04. Its decimal value is 16070734.
| Hex triplet | f5384e | #f5384e |
|---|---|---|
| RGB Decimal | 245, 56, 78 | rgb(245,56,78) |
| RGB Percent | 96.1, 22, 30.6 | rgb(96.1%,22%,30.6%) |
| CMYK | 0, 77, 68, 4 | |
| HSL | 353°, 90.4, 59 | hsl(353,90.4%,59%) |
| HSV (or HSB) | 353°, 77.1, 96.1 | |
| Web Safe | ff3366 | #ff3366 |
| CIE-LAB | 54.861, 70.649, 33.539 |
|---|---|
| XYZ | 40.447, 22.796, 9.478 |
| xyY | 0.556, 0.313, 22.796 |
| CIE-LCH | 54.861, 78.206, 25.395 |
| CIE-LUV | 54.861, 139.776, 22.155 |
| Hunter-Lab | 47.745, 67.664, 21.652 |
| Binary | 11110101, 00111000, 01001110 |
Color Schemes with #f5384e
Alternatives to #f5384e
Below, you can see some colors close to #f5384e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f5384e Preview
This text has a font color of #f5384e.
<span style="color:#f5384e;">Text here</span>
This paragraph has a background color of #f5384e.
<p style="background-color:#f5384e;">Content here</p>
This element has a border color of #f5384e.
<div style="border:1px solid #f5384e;">Content here</div>
.text {color:#f5384e;}
.background {background-color:#f5384e;}
.border {border:1px solid #f5384e;}
Shades and Tints of #f5384e
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, #060001 is the darkest color, while #fef3f4 is the lightest one.
-
#060001
#060001rgb(6,0,1) -
#190104
#190104rgb(25,1,4) -
#2c0207
#2c0207rgb(44,2,7) -
#3e030a
#3e030argb(62,3,10) -
#51040d
#51040drgb(81,4,13) -
#640510
#640510rgb(100,5,16) -
#770613
#770613rgb(119,6,19) -
#890716
#890716rgb(137,7,22) -
#9c0819
#9c0819rgb(156,8,25) -
#af091c
#af091crgb(175,9,28) -
#c10a1f
#c10a1frgb(193,10,31) -
#d40b22
#d40b22rgb(212,11,34) -
#e70c25
#e70c25rgb(231,12,37)
-
#f3132d
#f3132drgb(243,19,45) -
#f4253d
#f4253drgb(244,37,61) -
#f5384e
#f5384ergb(245,56,78) -
#f64b5f
#f64b5frgb(246,75,95) -
#f75d6f
#f75d6frgb(247,93,111) -
#f87080
#f87080rgb(248,112,128) -
#f98390
#f98390rgb(249,131,144) -
#fa95a1
#fa95a1rgb(250,149,161) -
#fba8b2
#fba8b2rgb(251,168,178) -
#fcbbc2
#fcbbc2rgb(252,187,194) -
#fdcdd3
#fdcdd3rgb(253,205,211) -
#fde0e4
#fde0e4rgb(253,224,228) -
#fef3f4
#fef3f4rgb(254,243,244)
Tones of #f5384e
A tone is produced by adding gray to any pure hue. In this case, #9d9092 is the less saturated color, while #fd3048 is the most saturated one.
-
#9d9092
#9d9092rgb(157,144,146) -
#a5888c
#a5888crgb(165,136,140) -
#ad8086
#ad8086rgb(173,128,134) -
#b5787f
#b5787frgb(181,120,127) -
#bd7079
#bd7079rgb(189,112,121) -
#c56873
#c56873rgb(197,104,115) -
#cd606d
#cd606drgb(205,96,109) -
#d55867
#d55867rgb(213,88,103) -
#dd5061
#dd5061rgb(221,80,97) -
#e5485a
#e5485argb(229,72,90) -
#ed4054
#ed4054rgb(237,64,84) -
#f5384e
#f5384ergb(245,56,78) -
#fd3048
#fd3048rgb(253,48,72)
Color Blindness Simulator
Below, you can see how #f5384e 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.
