#f55332 Color Information
In a RGB color space, hex #f55332 is composed of 96.1% red, 32.5% green and 19.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 66.1% magenta, 79.6% yellow and 3.9% black. It has a hue angle of 10.2 degrees, a saturation of 90.7% and a lightness of 57.8%. #f55332 color hex could be obtained by blending #ffa664 with #eb0000. Closest websafe color is: #ff6633.
-
- R 96
- G 33
- B 20
-
- C 0
- M 66
- Y 80
- K 4
● #f55332 color description : Bright red.
#f55332 Color Conversion
The hexadecimal color #f55332 has RGB values of R:245, G:83, B:50 and CMYK values of C:0, M:0.66, Y:0.8, K:0.04. Its decimal value is 16077618.
| Hex triplet | f55332 | #f55332 |
|---|---|---|
| RGB Decimal | 245, 83, 50 | rgb(245,83,50) |
| RGB Percent | 96.1, 32.5, 19.6 | rgb(96.1%,32.5%,19.6%) |
| CMYK | 0, 66, 80, 4 | |
| HSL | 10.2°, 90.7, 57.8 | hsl(10.2,90.7%,57.8%) |
| HSV (or HSB) | 10.2°, 79.6, 96.1 | |
| Web Safe | ff6633 | #ff6633 |
| CIE-LAB | 57.879, 60.349, 52.006 |
|---|---|
| XYZ | 41.327, 25.834, 5.828 |
| xyY | 0.566, 0.354, 25.834 |
| CIE-LCH | 57.879, 79.665, 40.753 |
| CIE-LUV | 57.879, 129.824, 39.58 |
| Hunter-Lab | 50.827, 56.189, 28.781 |
| Binary | 11110101, 01010011, 00110010 |
Color Schemes with #f55332
Alternatives to #f55332
Below, you can see some colors close to #f55332. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f55332 Preview
This text has a font color of #f55332.
<span style="color:#f55332;">Text here</span>
This paragraph has a background color of #f55332.
<p style="background-color:#f55332;">Content here</p>
This element has a border color of #f55332.
<div style="border:1px solid #f55332;">Content here</div>
.text {color:#f55332;}
.background {background-color:#f55332;}
.border {border:1px solid #f55332;}
Shades and Tints of #f55332
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 #fef0ed is the lightest one.
-
#010000
#010000rgb(1,0,0) -
#130401
#130401rgb(19,4,1) -
#260802
#260802rgb(38,8,2) -
#390c03
#390c03rgb(57,12,3) -
#4c1004
#4c1004rgb(76,16,4) -
#5e1405
#5e1405rgb(94,20,5) -
#711806
#711806rgb(113,24,6) -
#841c06
#841c06rgb(132,28,6) -
#962007
#962007rgb(150,32,7) -
#a92308
#a92308rgb(169,35,8) -
#bc2709
#bc2709rgb(188,39,9) -
#ce2b0a
#ce2b0argb(206,43,10) -
#e12f0b
#e12f0brgb(225,47,11)
-
#f3340d
#f3340drgb(243,52,13) -
#f4431f
#f4431frgb(244,67,31) -
#f55332
#f55332rgb(245,83,50) -
#f66345
#f66345rgb(246,99,69) -
#f77257
#f77257rgb(247,114,87) -
#f8826a
#f8826argb(248,130,106) -
#f9927d
#f9927drgb(249,146,125) -
#faa190
#faa190rgb(250,161,144) -
#fab1a2
#fab1a2rgb(250,177,162) -
#fbc1b5
#fbc1b5rgb(251,193,181) -
#fcd1c8
#fcd1c8rgb(252,209,200) -
#fde0da
#fde0dargb(253,224,218) -
#fef0ed
#fef0edrgb(254,240,237)
Tones of #f55332
A tone is produced by adding gray to any pure hue. In this case, #9a8f8d is the less saturated color, while #fd4e2a is the most saturated one.
-
#9a8f8d
#9a8f8drgb(154,143,141) -
#a28a85
#a28a85rgb(162,138,133) -
#ab847c
#ab847crgb(171,132,124) -
#b37f74
#b37f74rgb(179,127,116) -
#bb796c
#bb796crgb(187,121,108) -
#c37464
#c37464rgb(195,116,100) -
#cc6e5b
#cc6e5brgb(204,110,91) -
#d46953
#d46953rgb(212,105,83) -
#dc634b
#dc634brgb(220,99,75) -
#e45e43
#e45e43rgb(228,94,67) -
#ed583a
#ed583argb(237,88,58) -
#f55332
#f55332rgb(245,83,50) -
#fd4e2a
#fd4e2argb(253,78,42)
Color Blindness Simulator
Below, you can see how #f55332 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.
