#f52836 Color Information
In a RGB color space, hex #f52836 is composed of 96.1% red, 15.7% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 83.7% magenta, 78% yellow and 3.9% black. It has a hue angle of 355.9 degrees, a saturation of 91.1% and a lightness of 55.9%. #f52836 color hex could be obtained by blending #ff506c with #eb0000. Closest websafe color is: #ff3333.
-
- R 96
- G 16
- B 21
-
- C 0
- M 84
- Y 78
- K 4
● #f52836 color description : Bright red.
#f52836 Color Conversion
The hexadecimal color #f52836 has RGB values of R:245, G:40, B:54 and CMYK values of C:0, M:0.84, Y:0.78, K:0.04. Its decimal value is 16066614.
Hex triplet | f52836 | #f52836 |
---|---|---|
RGB Decimal | 245, 40, 54 | rgb(245,40,54) |
RGB Percent | 96.1, 15.7, 21.2 | rgb(96.1%,15.7%,21.2%) |
CMYK | 0, 84, 78, 4 | |
HSL | 355.9°, 91.1, 55.9 | hsl(355.9,91.1%,55.9%) |
HSV (or HSB) | 355.9°, 83.7, 96.1 | |
Web Safe | ff3333 | #ff3333 |
CIE-LAB | 53.169, 73.665, 45.217 |
---|---|
XYZ | 39.083, 21.201, 5.524 |
xyY | 0.594, 0.322, 21.201 |
CIE-LCH | 53.169, 86.436, 31.542 |
CIE-LUV | 53.169, 152.424, 29.237 |
Hunter-Lab | 46.045, 70.932, 25.118 |
Binary | 11110101, 00101000, 00110110 |
Color Schemes with #f52836
Alternatives to #f52836
Below, you can see some colors close to #f52836. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f52836 Preview
This text has a font color of #f52836.
<span style="color:#f52836;">Text here</span>
This paragraph has a background color of #f52836.
<p style="background-color:#f52836;">Content here</p>
This element has a border color of #f52836.
<div style="border:1px solid #f52836;">Content here</div>
.text {color:#f52836;}
.background {background-color:#f52836;}
.border {border:1px solid #f52836;}
Shades and Tints of #f52836
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, #0a0001 is the darkest color, while #fff6f7 is the lightest one.
-
#0a0001
#0a0001
rgb(10,0,1)
-
#1d0103
#1d0103
rgb(29,1,3)
-
#2f0205
#2f0205
rgb(47,2,5)
-
#420307
#420307
rgb(66,3,7)
-
#550409
#550409
rgb(85,4,9)
-
#68050c
#68050c
rgb(104,5,12)
-
#7a060e
#7a060e
rgb(122,6,14)
-
#8d0710
#8d0710
rgb(141,7,16)
-
#a00712
#a00712
rgb(160,7,18)
-
#b30814
#b30814
rgb(179,8,20)
-
#c50916
#c50916
rgb(197,9,22)
-
#d80a18
#d80a18
rgb(216,10,24)
-
#eb0b1a
#eb0b1a
rgb(235,11,26)
-
#f41524
#f41524
rgb(244,21,36)
-
#f52836
#f52836
rgb(245,40,54)
-
#f63b48
#f63b48
rgb(246,59,72)
-
#f74d59
#f74d59
rgb(247,77,89)
-
#f8606b
#f8606b
rgb(248,96,107)
-
#f8737c
#f8737c
rgb(248,115,124)
-
#f9868e
#f9868e
rgb(249,134,142)
-
#fa989f
#fa989f
rgb(250,152,159)
-
#fbabb1
#fbabb1
rgb(251,171,177)
-
#fcbec2
#fcbec2
rgb(252,190,194)
-
#fdd1d4
#fdd1d4
rgb(253,209,212)
-
#fee3e5
#fee3e5
rgb(254,227,229)
-
#fff6f7
#fff6f7
rgb(255,246,247)
Tones of #f52836
A tone is produced by adding gray to any pure hue. In this case, #968788 is the less saturated color, while #fe1f2f is the most saturated one.
-
#968788
#968788
rgb(150,135,136)
-
#9e7f81
#9e7f81
rgb(158,127,129)
-
#a77679
#a77679
rgb(167,118,121)
-
#b06d72
#b06d72
rgb(176,109,114)
-
#b8656a
#b8656a
rgb(184,101,106)
-
#c15c63
#c15c63
rgb(193,92,99)
-
#ca535b
#ca535b
rgb(202,83,91)
-
#d24b54
#d24b54
rgb(210,75,84)
-
#db424c
#db424c
rgb(219,66,76)
-
#e43945
#e43945
rgb(228,57,69)
-
#ec313d
#ec313d
rgb(236,49,61)
-
#f52836
#f52836
rgb(245,40,54)
-
#fe1f2f
#fe1f2f
rgb(254,31,47)
Color Blindness Simulator
Below, you can see how #f52836 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.