#f55229 Color Information
In a RGB color space, hex #f55229 is composed of 96.1% red, 32.2% green and 16.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 66.5% magenta, 83.3% yellow and 3.9% black. It has a hue angle of 12.1 degrees, a saturation of 91.1% and a lightness of 56.1%. #f55229 color hex could be obtained by blending #ffa452 with #eb0000. Closest websafe color is: #ff6633.
-
- R 96
- G 32
- B 16
-
- C 0
- M 67
- Y 83
- K 4
● #f55229 color description : Bright red.
#f55229 Color Conversion
The hexadecimal color #f55229 has RGB values of R:245, G:82, B:41 and CMYK values of C:0, M:0.67, Y:0.83, K:0.04. Its decimal value is 16077353.
| Hex triplet | f55229 | #f55229 |
|---|---|---|
| RGB Decimal | 245, 82, 41 | rgb(245,82,41) |
| RGB Percent | 96.1, 32.2, 16.1 | rgb(96.1%,32.2%,16.1%) |
| CMYK | 0, 67, 83, 4 | |
| HSL | 12.1°, 91.1, 56.1 | hsl(12.1,91.1%,56.1%) |
| HSV (or HSB) | 12.1°, 83.3, 96.1 | |
| Web Safe | ff6633 | #ff6633 |
| CIE-LAB | 57.667, 60.494, 55.977 |
|---|---|
| XYZ | 41.076, 25.612, 4.878 |
| xyY | 0.574, 0.358, 25.612 |
| CIE-LCH | 57.667, 82.419, 42.779 |
| CIE-LUV | 57.667, 131.694, 41.738 |
| Hunter-Lab | 50.608, 56.314, 29.71 |
| Binary | 11110101, 01010010, 00101001 |
Color Schemes with #f55229
Alternatives to #f55229
Below, you can see some colors close to #f55229. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f55229 Preview
This text has a font color of #f55229.
<span style="color:#f55229;">Text here</span>
This paragraph has a background color of #f55229.
<p style="background-color:#f55229;">Content here</p>
This element has a border color of #f55229.
<div style="border:1px solid #f55229;">Content here</div>
.text {color:#f55229;}
.background {background-color:#f55229;}
.border {border:1px solid #f55229;}
Shades and Tints of #f55229
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, #0b0301 is the darkest color, while #fff9f7 is the lightest one.
-
#0b0301
#0b0301rgb(11,3,1) -
#1e0701
#1e0701rgb(30,7,1) -
#300c02
#300c02rgb(48,12,2) -
#431003
#431003rgb(67,16,3) -
#561404
#561404rgb(86,20,4) -
#691905
#691905rgb(105,25,5) -
#7b1d06
#7b1d06rgb(123,29,6) -
#8e2207
#8e2207rgb(142,34,7) -
#a12608
#a12608rgb(161,38,8) -
#b42b08
#b42b08rgb(180,43,8) -
#c62f09
#c62f09rgb(198,47,9) -
#d9340a
#d9340argb(217,52,10) -
#ec380b
#ec380brgb(236,56,11)
-
#f44316
#f44316rgb(244,67,22) -
#f55229
#f55229rgb(245,82,41) -
#f6613c
#f6613crgb(246,97,60) -
#f7704e
#f7704ergb(247,112,78) -
#f87f61
#f87f61rgb(248,127,97) -
#f98f74
#f98f74rgb(249,143,116) -
#f99e87
#f99e87rgb(249,158,135) -
#faad99
#faad99rgb(250,173,153) -
#fbbcac
#fbbcacrgb(251,188,172) -
#fccbbf
#fccbbfrgb(252,203,191) -
#fddad2
#fddad2rgb(253,218,210) -
#fee9e4
#fee9e4rgb(254,233,228) -
#fff9f7
#fff9f7rgb(255,249,247)
Tones of #f55229
A tone is produced by adding gray to any pure hue. In this case, #968b88 is the less saturated color, while #fe4d20 is the most saturated one.
-
#968b88
#968b88rgb(150,139,136) -
#9f867f
#9f867frgb(159,134,127) -
#a78077
#a78077rgb(167,128,119) -
#b07b6e
#b07b6ergb(176,123,110) -
#b97665
#b97665rgb(185,118,101) -
#c1715d
#c1715drgb(193,113,93) -
#ca6c54
#ca6c54rgb(202,108,84) -
#d3674b
#d3674brgb(211,103,75) -
#db6143
#db6143rgb(219,97,67) -
#e45c3a
#e45c3argb(228,92,58) -
#ec5732
#ec5732rgb(236,87,50) -
#f55229
#f55229rgb(245,82,41) -
#fe4d20
#fe4d20rgb(254,77,32)
Color Blindness Simulator
Below, you can see how #f55229 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.
