#f55532 Color Information
In a RGB color space, hex #f55532 is composed of 96.1% red, 33.3% green and 19.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 65.3% magenta, 79.6% yellow and 3.9% black. It has a hue angle of 10.8 degrees, a saturation of 90.7% and a lightness of 57.8%. #f55532 color hex could be obtained by blending #ffaa64 with #eb0000. Closest websafe color is: #ff6633.
-
- R 96
- G 33
- B 20
-
- C 0
- M 65
- Y 80
- K 4
● #f55532 color description : Bright red.
#f55532 Color Conversion
The hexadecimal color #f55532 has RGB values of R:245, G:85, B:50 and CMYK values of C:0, M:0.65, Y:0.8, K:0.04. Its decimal value is 16078130.
| Hex triplet | f55532 | #f55532 |
|---|---|---|
| RGB Decimal | 245, 85, 50 | rgb(245,85,50) |
| RGB Percent | 96.1, 33.3, 19.6 | rgb(96.1%,33.3%,19.6%) |
| CMYK | 0, 65, 80, 4 | |
| HSL | 10.8°, 90.7, 57.8 | hsl(10.8,90.7%,57.8%) |
| HSV (or HSB) | 10.8°, 79.6, 96.1 | |
| Web Safe | ff6633 | #ff6633 |
| CIE-LAB | 58.174, 59.552, 52.291 |
|---|---|
| XYZ | 41.482, 26.144, 5.88 |
| xyY | 0.564, 0.356, 26.144 |
| CIE-LCH | 58.174, 79.251, 41.286 |
| CIE-LUV | 58.174, 128.443, 40.128 |
| Hunter-Lab | 51.132, 55.334, 28.974 |
| Binary | 11110101, 01010101, 00110010 |
Color Schemes with #f55532
Alternatives to #f55532
Below, you can see some colors close to #f55532. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f55532 Preview
This text has a font color of #f55532.
<span style="color:#f55532;">Text here</span>
This paragraph has a background color of #f55532.
<p style="background-color:#f55532;">Content here</p>
This element has a border color of #f55532.
<div style="border:1px solid #f55532;">Content here</div>
.text {color:#f55532;}
.background {background-color:#f55532;}
.border {border:1px solid #f55532;}
Shades and Tints of #f55532
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) -
#4c1104
#4c1104rgb(76,17,4) -
#5e1505
#5e1505rgb(94,21,5) -
#711906
#711906rgb(113,25,6) -
#841d06
#841d06rgb(132,29,6) -
#962107
#962107rgb(150,33,7) -
#a92508
#a92508rgb(169,37,8) -
#bc2909
#bc2909rgb(188,41,9) -
#ce2d0a
#ce2d0argb(206,45,10) -
#e1310b
#e1310brgb(225,49,11)
-
#f3360d
#f3360drgb(243,54,13) -
#f4451f
#f4451frgb(244,69,31) -
#f55532
#f55532rgb(245,85,50) -
#f66545
#f66545rgb(246,101,69) -
#f77457
#f77457rgb(247,116,87) -
#f8846a
#f8846argb(248,132,106) -
#f9937d
#f9937drgb(249,147,125) -
#faa390
#faa390rgb(250,163,144) -
#fab2a2
#fab2a2rgb(250,178,162) -
#fbc2b5
#fbc2b5rgb(251,194,181) -
#fcd1c8
#fcd1c8rgb(252,209,200) -
#fde1da
#fde1dargb(253,225,218) -
#fef0ed
#fef0edrgb(254,240,237)
Tones of #f55532
A tone is produced by adding gray to any pure hue. In this case, #9a8f8d is the less saturated color, while #fd502a is the most saturated one.
-
#9a8f8d
#9a8f8drgb(154,143,141) -
#a28a85
#a28a85rgb(162,138,133) -
#ab857c
#ab857crgb(171,133,124) -
#b37f74
#b37f74rgb(179,127,116) -
#bb7a6c
#bb7a6crgb(187,122,108) -
#c37564
#c37564rgb(195,117,100) -
#cc705b
#cc705brgb(204,112,91) -
#d46a53
#d46a53rgb(212,106,83) -
#dc654b
#dc654brgb(220,101,75) -
#e46043
#e46043rgb(228,96,67) -
#ed5a3a
#ed5a3argb(237,90,58) -
#f55532
#f55532rgb(245,85,50) -
#fd502a
#fd502argb(253,80,42)
Color Blindness Simulator
Below, you can see how #f55532 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.
