#f54c3d Color Information
In a RGB color space, hex #f54c3d is composed of 96.1% red, 29.8% green and 23.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 69% magenta, 75.1% yellow and 3.9% black. It has a hue angle of 4.9 degrees, a saturation of 90.2% and a lightness of 60%. #f54c3d color hex could be obtained by blending #ff987a with #eb0000. Closest websafe color is: #ff3333.
-
- R 96
- G 30
- B 24
-
- C 0
- M 69
- Y 75
- K 4
● #f54c3d color description : Bright red.
#f54c3d Color Conversion
The hexadecimal color #f54c3d has RGB values of R:245, G:76, B:61 and CMYK values of C:0, M:0.69, Y:0.75, K:0.04. Its decimal value is 16075837.
| Hex triplet | f54c3d | #f54c3d |
|---|---|---|
| RGB Decimal | 245, 76, 61 | rgb(245,76,61) |
| RGB Percent | 96.1, 29.8, 23.9 | rgb(96.1%,29.8%,23.9%) |
| CMYK | 0, 69, 75, 4 | |
| HSL | 4.9°, 90.2, 60 | hsl(4.9,90.2%,60%) |
| HSV (or HSB) | 4.9°, 75.1, 96.1 | |
| Web Safe | ff3333 | #ff3333 |
| CIE-LAB | 57, 63.395, 45.507 |
|---|---|
| XYZ | 41.085, 24.923, 7.062 |
| xyY | 0.562, 0.341, 24.923 |
| CIE-LCH | 57, 78.037, 35.672 |
| CIE-LUV | 57, 132.629, 34.081 |
| Hunter-Lab | 49.923, 59.534, 26.559 |
| Binary | 11110101, 01001100, 00111101 |
Color Schemes with #f54c3d
Alternatives to #f54c3d
Below, you can see some colors close to #f54c3d. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f54c3d Preview
This text has a font color of #f54c3d.
<span style="color:#f54c3d;">Text here</span>
This paragraph has a background color of #f54c3d.
<p style="background-color:#f54c3d;">Content here</p>
This element has a border color of #f54c3d.
<div style="border:1px solid #f54c3d;">Content here</div>
.text {color:#f54c3d;}
.background {background-color:#f54c3d;}
.border {border:1px solid #f54c3d;}
Shades and Tints of #f54c3d
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, #0b0101 is the darkest color, while #fff8f8 is the lightest one.
-
#0b0101
#0b0101rgb(11,1,1) -
#1e0402
#1e0402rgb(30,4,2) -
#310602
#310602rgb(49,6,2) -
#430903
#430903rgb(67,9,3) -
#560b04
#560b04rgb(86,11,4) -
#680d05
#680d05rgb(104,13,5) -
#7b1006
#7b1006rgb(123,16,6) -
#8e1207
#8e1207rgb(142,18,7) -
#a01508
#a01508rgb(160,21,8) -
#b31709
#b31709rgb(179,23,9) -
#c6190a
#c6190argb(198,25,10) -
#d81c0b
#d81c0brgb(216,28,11) -
#eb1e0c
#eb1e0crgb(235,30,12)
-
#f32a18
#f32a18rgb(243,42,24) -
#f43b2a
#f43b2argb(244,59,42) -
#f54c3d
#f54c3drgb(245,76,61) -
#f65d50
#f65d50rgb(246,93,80) -
#f76e62
#f76e62rgb(247,110,98) -
#f88075
#f88075rgb(248,128,117) -
#f99188
#f99188rgb(249,145,136) -
#faa29a
#faa29argb(250,162,154) -
#fbb3ad
#fbb3adrgb(251,179,173) -
#fcc4c0
#fcc4c0rgb(252,196,192) -
#fdd6d2
#fdd6d2rgb(253,214,210) -
#fee7e5
#fee7e5rgb(254,231,229) -
#fff8f8
#fff8f8rgb(255,248,248)
Tones of #f54c3d
A tone is produced by adding gray to any pure hue. In this case, #9f9493 is the less saturated color, while #fd4535 is the most saturated one.
-
#9f9493
#9f9493rgb(159,148,147) -
#a78e8b
#a78e8brgb(167,142,139) -
#ae8784
#ae8784rgb(174,135,132) -
#b6817c
#b6817crgb(182,129,124) -
#be7a74
#be7a74rgb(190,122,116) -
#c6736c
#c6736crgb(198,115,108) -
#ce6d64
#ce6d64rgb(206,109,100) -
#d6665c
#d6665crgb(214,102,92) -
#dd6055
#dd6055rgb(221,96,85) -
#e5594d
#e5594drgb(229,89,77) -
#ed5345
#ed5345rgb(237,83,69) -
#f54c3d
#f54c3drgb(245,76,61) -
#fd4535
#fd4535rgb(253,69,53)
Color Blindness Simulator
Below, you can see how #f54c3d 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.
