#f5323b Color Information
In a RGB color space, hex #f5323b is composed of 96.1% red, 19.6% green and 23.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 79.6% magenta, 75.9% yellow and 3.9% black. It has a hue angle of 357.2 degrees, a saturation of 90.7% and a lightness of 57.8%. #f5323b color hex could be obtained by blending #ff6476 with #eb0000. Closest websafe color is: #ff3333.
-
- R 96
- G 20
- B 23
-
- C 0
- M 80
- Y 76
- K 4
● #f5323b color description : Bright red.
#f5323b Color Conversion
The hexadecimal color #f5323b has RGB values of R:245, G:50, B:59 and CMYK values of C:0, M:0.8, Y:0.76, K:0.04. Its decimal value is 16069179.
| Hex triplet | f5323b | #f5323b |
|---|---|---|
| RGB Decimal | 245, 50, 59 | rgb(245,50,59) |
| RGB Percent | 96.1, 19.6, 23.1 | rgb(96.1%,19.6%,23.1%) |
| CMYK | 0, 80, 76, 4 | |
| HSL | 357.2°, 90.7, 57.8 | hsl(357.2,90.7%,57.8%) |
| HSV (or HSB) | 357.2°, 79.6, 96.1 | |
| Web Safe | ff3333 | #ff3333 |
| CIE-LAB | 54.042, 71.498, 43.398 |
|---|---|
| XYZ | 39.588, 22.014, 6.302 |
| xyY | 0.583, 0.324, 22.014 |
| CIE-LCH | 54.042, 83.638, 31.257 |
| CIE-LUV | 54.042, 147.212, 29.067 |
| Hunter-Lab | 46.919, 68.5, 24.88 |
| Binary | 11110101, 00110010, 00111011 |
Color Schemes with #f5323b
Alternatives to #f5323b
Below, you can see some colors close to #f5323b. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f5323b Preview
This text has a font color of #f5323b.
<span style="color:#f5323b;">Text here</span>
This paragraph has a background color of #f5323b.
<p style="background-color:#f5323b;">Content here</p>
This element has a border color of #f5323b.
<div style="border:1px solid #f5323b;">Content here</div>
.text {color:#f5323b;}
.background {background-color:#f5323b;}
.border {border:1px solid #f5323b;}
Shades and Tints of #f5323b
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, #010000 is the darkest color, while #feedee is the lightest one.
-
#010000
#010000rgb(1,0,0) -
#130102
#130102rgb(19,1,2) -
#260204
#260204rgb(38,2,4) -
#390305
#390305rgb(57,3,5) -
#4c0407
#4c0407rgb(76,4,7) -
#5e0509
#5e0509rgb(94,5,9) -
#71060a
#71060argb(113,6,10) -
#84060c
#84060crgb(132,6,12) -
#96070e
#96070ergb(150,7,14) -
#a90810
#a90810rgb(169,8,16) -
#bc0911
#bc0911rgb(188,9,17) -
#ce0a13
#ce0a13rgb(206,10,19) -
#e10b15
#e10b15rgb(225,11,21)
-
#f30d17
#f30d17rgb(243,13,23) -
#f41f29
#f41f29rgb(244,31,41) -
#f5323b
#f5323brgb(245,50,59) -
#f6454d
#f6454drgb(246,69,77) -
#f7575f
#f7575frgb(247,87,95) -
#f86a71
#f86a71rgb(248,106,113) -
#f97d83
#f97d83rgb(249,125,131) -
#fa9094
#fa9094rgb(250,144,148) -
#faa2a6
#faa2a6rgb(250,162,166) -
#fbb5b8
#fbb5b8rgb(251,181,184) -
#fcc8ca
#fcc8cargb(252,200,202) -
#fddadc
#fddadcrgb(253,218,220) -
#feedee
#feedeergb(254,237,238)
Tones of #f5323b
A tone is produced by adding gray to any pure hue. In this case, #9a8d8e is the less saturated color, while #fd2a33 is the most saturated one.
-
#9a8d8e
#9a8d8ergb(154,141,142) -
#a28586
#a28586rgb(162,133,134) -
#ab7c7f
#ab7c7frgb(171,124,127) -
#b37477
#b37477rgb(179,116,119) -
#bb6c70
#bb6c70rgb(187,108,112) -
#c36468
#c36468rgb(195,100,104) -
#cc5b61
#cc5b61rgb(204,91,97) -
#d45359
#d45359rgb(212,83,89) -
#dc4b52
#dc4b52rgb(220,75,82) -
#e4434a
#e4434argb(228,67,74) -
#ed3a43
#ed3a43rgb(237,58,67) -
#f5323b
#f5323brgb(245,50,59) -
#fd2a33
#fd2a33rgb(253,42,51)
Color Blindness Simulator
Below, you can see how #f5323b 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.
