#f55c00 Color Information
In a RGB color space, hex #f55c00 is composed of 96.1% red, 36.1% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 62.4% magenta, 100% yellow and 3.9% black. It has a hue angle of 22.5 degrees, a saturation of 100% and a lightness of 48%. #f55c00 color hex could be obtained by blending #ffb800 with #eb0000. Closest websafe color is: #ff6600.
-
- R 96
- G 36
- B 0
-
- C 0
- M 62
- Y 100
- K 4
● #f55c00 color description : Pure (or mostly pure) orange.
#f55c00 Color Conversion
The hexadecimal color #f55c00 has RGB values of R:245, G:92, B:0 and CMYK values of C:0, M:0.62, Y:1, K:0.04. Its decimal value is 16079872.
Hex triplet | f55c00 | #f55c00 |
---|---|---|
RGB Decimal | 245, 92, 0 | rgb(245,92,0) |
RGB Percent | 96.1, 36.1, 0 | rgb(96.1%,36.1%,0%) |
CMYK | 0, 62, 100, 4 | |
HSL | 22.5°, 100, 48 | hsl(22.5,100%,48%) |
HSV (or HSB) | 22.5°, 100, 96.1 | |
Web Safe | ff6600 | #ff6600 |
CIE-LAB | 59.04, 55.826, 68.7 |
---|---|
XYZ | 41.485, 27.071, 3.041 |
xyY | 0.579, 0.378, 27.071 |
CIE-LCH | 59.04, 88.523, 50.903 |
CIE-LUV | 59.04, 127.045, 50.022 |
Hunter-Lab | 52.03, 51.271, 32.956 |
Binary | 11110101, 01011100, 00000000 |
Color Schemes with #f55c00
Alternatives to #f55c00
Below, you can see some colors close to #f55c00. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f55c00 Preview
This text has a font color of #f55c00.
<span style="color:#f55c00;">Text here</span>
This paragraph has a background color of #f55c00.
<p style="background-color:#f55c00;">Content here</p>
This element has a border color of #f55c00.
<div style="border:1px solid #f55c00;">Content here</div>
.text {color:#f55c00;}
.background {background-color:#f55c00;}
.border {border:1px solid #f55c00;}
Shades and Tints of #f55c00
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, #0a0400 is the darkest color, while #fff9f5 is the lightest one.
-
#0a0400
#0a0400
rgb(10,4,0)
-
#1d0b00
#1d0b00
rgb(29,11,0)
-
#311200
#311200
rgb(49,18,0)
-
#441a00
#441a00
rgb(68,26,0)
-
#582100
#582100
rgb(88,33,0)
-
#6c2800
#6c2800
rgb(108,40,0)
-
#7f3000
#7f3000
rgb(127,48,0)
-
#933700
#933700
rgb(147,55,0)
-
#a73f00
#a73f00
rgb(167,63,0)
-
#ba4600
#ba4600
rgb(186,70,0)
-
#ce4d00
#ce4d00
rgb(206,77,0)
-
#e15500
#e15500
rgb(225,85,0)
-
#f55c00
#f55c00
rgb(245,92,0)
-
#ff660a
#ff660a
rgb(255,102,10)
-
#ff721d
#ff721d
rgb(255,114,29)
-
#ff7e31
#ff7e31
rgb(255,126,49)
-
#ff8b44
#ff8b44
rgb(255,139,68)
-
#ff9758
#ff9758
rgb(255,151,88)
-
#ffa36c
#ffa36c
rgb(255,163,108)
-
#ffaf7f
#ffaf7f
rgb(255,175,127)
-
#ffbc93
#ffbc93
rgb(255,188,147)
-
#ffc8a7
#ffc8a7
rgb(255,200,167)
-
#ffd4ba
#ffd4ba
rgb(255,212,186)
-
#ffe0ce
#ffe0ce
rgb(255,224,206)
-
#ffede1
#ffede1
rgb(255,237,225)
-
#fff9f5
#fff9f5
rgb(255,249,245)
Tones of #f55c00
A tone is produced by adding gray to any pure hue. In this case, #847871 is the less saturated color, while #f55c00 is the most saturated one.
-
#847871
#847871
rgb(132,120,113)
-
#8d7668
#8d7668
rgb(141,118,104)
-
#97735e
#97735e
rgb(151,115,94)
-
#a07155
#a07155
rgb(160,113,85)
-
#aa6f4b
#aa6f4b
rgb(170,111,75)
-
#b36c42
#b36c42
rgb(179,108,66)
-
#bc6a39
#bc6a39
rgb(188,106,57)
-
#c6682f
#c6682f
rgb(198,104,47)
-
#cf6526
#cf6526
rgb(207,101,38)
-
#d9631c
#d9631c
rgb(217,99,28)
-
#e26113
#e26113
rgb(226,97,19)
-
#ec5e09
#ec5e09
rgb(236,94,9)
-
#f55c00
#f55c00
rgb(245,92,0)
Color Blindness Simulator
Below, you can see how #f55c00 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.