#f53227 Color Information
In a RGB color space, hex #f53227 is composed of 96.1% red, 19.6% green and 15.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 79.6% magenta, 84.1% yellow and 3.9% black. It has a hue angle of 3.2 degrees, a saturation of 91.2% and a lightness of 55.7%. #f53227 color hex could be obtained by blending #ff644e with #eb0000. Closest websafe color is: #ff3333.
-
- R 96
- G 20
- B 15
-
- C 0
- M 80
- Y 84
- K 4
● #f53227 color description : Bright red.
#f53227 Color Conversion
The hexadecimal color #f53227 has RGB values of R:245, G:50, B:39 and CMYK values of C:0, M:0.8, Y:0.84, K:0.04. Its decimal value is 16069159.
| Hex triplet | f53227 | #f53227 |
|---|---|---|
| RGB Decimal | 245, 50, 39 | rgb(245,50,39) |
| RGB Percent | 96.1, 19.6, 15.3 | rgb(96.1%,19.6%,15.3%) |
| CMYK | 0, 80, 84, 4 | |
| HSL | 3.2°, 91.2, 55.7 | hsl(3.2,91.2%,55.7%) |
| HSV (or HSB) | 3.2°, 84.1, 96.1 | |
| Web Safe | ff3333 | #ff3333 |
| CIE-LAB | 53.862, 70.938, 53.56 |
|---|---|
| XYZ | 39.165, 21.845, 4.074 |
| xyY | 0.602, 0.336, 21.845 |
| CIE-LCH | 53.862, 88.887, 37.054 |
| CIE-LUV | 53.862, 150.855, 35.239 |
| Hunter-Lab | 46.739, 67.782, 27.549 |
| Binary | 11110101, 00110010, 00100111 |
Color Schemes with #f53227
Alternatives to #f53227
Below, you can see some colors close to #f53227. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f53227 Preview
This text has a font color of #f53227.
<span style="color:#f53227;">Text here</span>
This paragraph has a background color of #f53227.
<p style="background-color:#f53227;">Content here</p>
This element has a border color of #f53227.
<div style="border:1px solid #f53227;">Content here</div>
.text {color:#f53227;}
.background {background-color:#f53227;}
.border {border:1px solid #f53227;}
Shades and Tints of #f53227
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, #090100 is the darkest color, while #fff6f5 is the lightest one.
-
#090100
#090100rgb(9,1,0) -
#1c0301
#1c0301rgb(28,3,1) -
#2e0502
#2e0502rgb(46,5,2) -
#410603
#410603rgb(65,6,3) -
#540804
#540804rgb(84,8,4) -
#670a05
#670a05rgb(103,10,5) -
#790c06
#790c06rgb(121,12,6) -
#8c0e06
#8c0e06rgb(140,14,6) -
#9f0f07
#9f0f07rgb(159,15,7) -
#b21108
#b21108rgb(178,17,8) -
#c41309
#c41309rgb(196,19,9) -
#d7150a
#d7150argb(215,21,10) -
#ea170b
#ea170brgb(234,23,11)
-
#f42014
#f42014rgb(244,32,20) -
#f53227
#f53227rgb(245,50,39) -
#f6443a
#f6443argb(246,68,58) -
#f7564c
#f7564crgb(247,86,76) -
#f8675f
#f8675frgb(248,103,95) -
#f87972
#f87972rgb(248,121,114) -
#f98b85
#f98b85rgb(249,139,133) -
#fa9d97
#fa9d97rgb(250,157,151) -
#fbafaa
#fbafaargb(251,175,170) -
#fcc0bd
#fcc0bdrgb(252,192,189) -
#fdd2d0
#fdd2d0rgb(253,210,208) -
#fee4e2
#fee4e2rgb(254,228,226) -
#fff6f5
#fff6f5rgb(255,246,245)
Tones of #f53227
A tone is produced by adding gray to any pure hue. In this case, #958787 is the less saturated color, while #fe2a1e is the most saturated one.
-
#958787
#958787rgb(149,135,135) -
#9e807e
#9e807ergb(158,128,126) -
#a77875
#a77875rgb(167,120,117) -
#af706d
#af706drgb(175,112,109) -
#b86864
#b86864rgb(184,104,100) -
#c1615b
#c1615brgb(193,97,91) -
#ca5952
#ca5952rgb(202,89,82) -
#d2514a
#d2514argb(210,81,74) -
#db4941
#db4941rgb(219,73,65) -
#e44238
#e44238rgb(228,66,56) -
#ec3a30
#ec3a30rgb(236,58,48) -
#f53227
#f53227rgb(245,50,39) -
#fe2a1e
#fe2a1ergb(254,42,30)
Color Blindness Simulator
Below, you can see how #f53227 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.
