#f48331 Color Information
In a RGB color space, hex #f48331 is composed of 95.7% red, 51.4% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 46.3% magenta, 79.9% yellow and 4.3% black. It has a hue angle of 25.2 degrees, a saturation of 89.9% and a lightness of 57.5%. #f48331 color hex could be obtained by blending #ffff62 with #e90700. Closest websafe color is: #ff9933.
-
- R 96
- G 51
- B 19
-
- C 0
- M 46
- Y 80
- K 4
● #f48331 color description : Bright orange.
#f48331 Color Conversion
The hexadecimal color #f48331 has RGB values of R:244, G:131, B:49 and CMYK values of C:0, M:0.46, Y:0.8, K:0.04. Its decimal value is 16024369.
Hex triplet | f48331 | #f48331 |
---|---|---|
RGB Decimal | 244, 131, 49 | rgb(244,131,49) |
RGB Percent | 95.7, 51.4, 19.2 | rgb(95.7%,51.4%,19.2%) |
CMYK | 0, 46, 80, 4 | |
HSL | 25.2°, 89.9, 57.5 | hsl(25.2,89.9%,57.5%) |
HSV (or HSB) | 25.2°, 79.9, 95.7 | |
Web Safe | ff9933 | #ff9933 |
CIE-LAB | 66.284, 37.837, 60.348 |
---|---|
XYZ | 45.98, 35.692, 7.373 |
xyY | 0.516, 0.401, 35.692 |
CIE-LCH | 66.284, 71.229, 57.913 |
CIE-LUV | 66.284, 92.142, 55.109 |
Hunter-Lab | 59.742, 32.833, 34.502 |
Binary | 11110100, 10000011, 00110001 |
Color Schemes with #f48331
Alternatives to #f48331
Below, you can see some colors close to #f48331. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f48331 Preview
This text has a font color of #f48331.
<span style="color:#f48331;">Text here</span>
This paragraph has a background color of #f48331.
<p style="background-color:#f48331;">Content here</p>
This element has a border color of #f48331.
<div style="border:1px solid #f48331;">Content here</div>
.text {color:#f48331;}
.background {background-color:#f48331;}
.border {border:1px solid #f48331;}
Shades and Tints of #f48331
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, #110801 is the darkest color, while #fffefe is the lightest one.
-
#110801
#110801
rgb(17,8,1)
-
#241002
#241002
rgb(36,16,2)
-
#371903
#371903
rgb(55,25,3)
-
#492104
#492104
rgb(73,33,4)
-
#5c2a05
#5c2a05
rgb(92,42,5)
-
#6f3206
#6f3206
rgb(111,50,6)
-
#813a07
#813a07
rgb(129,58,7)
-
#944308
#944308
rgb(148,67,8)
-
#a64b09
#a64b09
rgb(166,75,9)
-
#b9540a
#b9540a
rgb(185,84,10)
-
#cc5c0b
#cc5c0b
rgb(204,92,11)
-
#de640c
#de640c
rgb(222,100,12)
-
#f16d0d
#f16d0d
rgb(241,109,13)
-
#f3781e
#f3781e
rgb(243,120,30)
-
#f48331
#f48331
rgb(244,131,49)
-
#f58e44
#f58e44
rgb(245,142,68)
-
#f69956
#f69956
rgb(246,153,86)
-
#f7a569
#f7a569
rgb(247,165,105)
-
#f8b07b
#f8b07b
rgb(248,176,123)
-
#f9bb8e
#f9bb8e
rgb(249,187,142)
-
#fac6a1
#fac6a1
rgb(250,198,161)
-
#fbd1b3
#fbd1b3
rgb(251,209,179)
-
#fcddc6
#fcddc6
rgb(252,221,198)
-
#fde8d9
#fde8d9
rgb(253,232,217)
-
#fef3eb
#fef3eb
rgb(254,243,235)
-
#fffefe
#fffefe
rgb(255,254,254)
Tones of #f48331
A tone is produced by adding gray to any pure hue. In this case, #98928d is the less saturated color, while #fc8229 is the most saturated one.
-
#98928d
#98928d
rgb(152,146,141)
-
#a19084
#a19084
rgb(161,144,132)
-
#a98f7c
#a98f7c
rgb(169,143,124)
-
#b18e74
#b18e74
rgb(177,142,116)
-
#ba8c6b
#ba8c6b
rgb(186,140,107)
-
#c28b63
#c28b63
rgb(194,139,99)
-
#ca8a5b
#ca8a5b
rgb(202,138,91)
-
#d38852
#d38852
rgb(211,136,82)
-
#db874a
#db874a
rgb(219,135,74)
-
#e38642
#e38642
rgb(227,134,66)
-
#ec8439
#ec8439
rgb(236,132,57)
-
#f48331
#f48331
rgb(244,131,49)
-
#fc8229
#fc8229
rgb(252,130,41)
Color Blindness Simulator
Below, you can see how #f48331 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.