#f57332 Color Information
In a RGB color space, hex #f57332 is composed of 96.1% red, 45.1% green and 19.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 53.1% magenta, 79.6% yellow and 3.9% black. It has a hue angle of 20 degrees, a saturation of 90.7% and a lightness of 57.8%. #f57332 color hex could be obtained by blending #ffe664 with #eb0000. Closest websafe color is: #ff6633.
-
- R 96
- G 45
- B 20
-
- C 0
- M 53
- Y 80
- K 4
● #f57332 color description : Bright orange.
#f57332 Color Conversion
The hexadecimal color #f57332 has RGB values of R:245, G:115, B:50 and CMYK values of C:0, M:0.53, Y:0.8, K:0.04. Its decimal value is 16085810.
Hex triplet | f57332 | #f57332 |
---|---|---|
RGB Decimal | 245, 115, 50 | rgb(245,115,50) |
RGB Percent | 96.1, 45.1, 19.6 | rgb(96.1%,45.1%,19.6%) |
CMYK | 0, 53, 80, 4 | |
HSL | 20°, 90.7, 57.8 | hsl(20,90.7%,57.8%) |
HSV (or HSB) | 20°, 79.6, 96.1 | |
Web Safe | ff6633 | #ff6633 |
CIE-LAB | 63.267, 46.185, 57.162 |
---|---|
XYZ | 44.364, 31.909, 6.84 |
xyY | 0.534, 0.384, 31.909 |
CIE-LCH | 63.267, 73.488, 51.063 |
CIE-LUV | 63.267, 105.82, 49.377 |
Hunter-Lab | 56.488, 41.337, 32.362 |
Binary | 11110101, 01110011, 00110010 |
Color Schemes with #f57332
Alternatives to #f57332
Below, you can see some colors close to #f57332. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f57332 Preview
This text has a font color of #f57332.
<span style="color:#f57332;">Text here</span>
This paragraph has a background color of #f57332.
<p style="background-color:#f57332;">Content here</p>
This element has a border color of #f57332.
<div style="border:1px solid #f57332;">Content here</div>
.text {color:#f57332;}
.background {background-color:#f57332;}
.border {border:1px solid #f57332;}
Shades and Tints of #f57332
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 #fef3ed is the lightest one.
-
#010000
#010000
rgb(1,0,0)
-
#130701
#130701
rgb(19,7,1)
-
#260e02
#260e02
rgb(38,14,2)
-
#391503
#391503
rgb(57,21,3)
-
#4c1c04
#4c1c04
rgb(76,28,4)
-
#5e2205
#5e2205
rgb(94,34,5)
-
#712906
#712906
rgb(113,41,6)
-
#843006
#843006
rgb(132,48,6)
-
#963707
#963707
rgb(150,55,7)
-
#a93e08
#a93e08
rgb(169,62,8)
-
#bc4509
#bc4509
rgb(188,69,9)
-
#ce4c0a
#ce4c0a
rgb(206,76,10)
-
#e1520b
#e1520b
rgb(225,82,11)
-
#f3590d
#f3590d
rgb(243,89,13)
-
#f4661f
#f4661f
rgb(244,102,31)
-
#f57332
#f57332
rgb(245,115,50)
-
#f68045
#f68045
rgb(246,128,69)
-
#f78d57
#f78d57
rgb(247,141,87)
-
#f8996a
#f8996a
rgb(248,153,106)
-
#f9a67d
#f9a67d
rgb(249,166,125)
-
#fab390
#fab390
rgb(250,179,144)
-
#fac0a2
#fac0a2
rgb(250,192,162)
-
#fbccb5
#fbccb5
rgb(251,204,181)
-
#fcd9c8
#fcd9c8
rgb(252,217,200)
-
#fde6da
#fde6da
rgb(253,230,218)
-
#fef3ed
#fef3ed
rgb(254,243,237)
Tones of #f57332
A tone is produced by adding gray to any pure hue. In this case, #9a918d is the less saturated color, while #fd702a is the most saturated one.
-
#9a918d
#9a918d
rgb(154,145,141)
-
#a28f85
#a28f85
rgb(162,143,133)
-
#ab8c7c
#ab8c7c
rgb(171,140,124)
-
#b38974
#b38974
rgb(179,137,116)
-
#bb866c
#bb866c
rgb(187,134,108)
-
#c38464
#c38464
rgb(195,132,100)
-
#cc815b
#cc815b
rgb(204,129,91)
-
#d47e53
#d47e53
rgb(212,126,83)
-
#dc7b4b
#dc7b4b
rgb(220,123,75)
-
#e47943
#e47943
rgb(228,121,67)
-
#ed763a
#ed763a
rgb(237,118,58)
-
#f57332
#f57332
rgb(245,115,50)
-
#fd702a
#fd702a
rgb(253,112,42)
Color Blindness Simulator
Below, you can see how #f57332 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.