#f48c3f Color Information
In a RGB color space, hex #f48c3f is composed of 95.7% red, 54.9% green and 24.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 42.6% magenta, 74.2% yellow and 4.3% black. It has a hue angle of 25.5 degrees, a saturation of 89.2% and a lightness of 60.2%. #f48c3f color hex could be obtained by blending #ffff7e with #e91900. Closest websafe color is: #ff9933.
-
- R 96
- G 55
- B 25
-
- C 0
- M 43
- Y 74
- K 4
● #f48c3f color description : Bright orange.
#f48c3f Color Conversion
The hexadecimal color #f48c3f has RGB values of R:244, G:140, B:63 and CMYK values of C:0, M:0.43, Y:0.74, K:0.04. Its decimal value is 16026687.
Hex triplet | f48c3f | #f48c3f |
---|---|---|
RGB Decimal | 244, 140, 63 | rgb(244,140,63) |
RGB Percent | 95.7, 54.9, 24.7 | rgb(95.7%,54.9%,24.7%) |
CMYK | 0, 43, 74, 4 | |
HSL | 25.5°, 89.2, 60.2 | hsl(25.5,89.2%,60.2%) |
HSV (or HSB) | 25.5°, 74.2, 95.7 | |
Web Safe | ff9933 | #ff9933 |
CIE-LAB | 68.279, 33.749, 56.296 |
---|---|
XYZ | 47.585, 38.352, 9.599 |
xyY | 0.498, 0.401, 38.352 |
CIE-LCH | 68.279, 65.637, 59.058 |
CIE-LUV | 68.279, 83.653, 54.445 |
Hunter-Lab | 61.929, 28.78, 34.16 |
Binary | 11110100, 10001100, 00111111 |
Color Schemes with #f48c3f
Alternatives to #f48c3f
Below, you can see some colors close to #f48c3f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f48c3f Preview
This text has a font color of #f48c3f.
<span style="color:#f48c3f;">Text here</span>
This paragraph has a background color of #f48c3f.
<p style="background-color:#f48c3f;">Content here</p>
This element has a border color of #f48c3f.
<div style="border:1px solid #f48c3f;">Content here</div>
.text {color:#f48c3f;}
.background {background-color:#f48c3f;}
.border {border:1px solid #f48c3f;}
Shades and Tints of #f48c3f
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, #0c0601 is the darkest color, while #fffbf9 is the lightest one.
-
#0c0601
#0c0601
rgb(12,6,1)
-
#1f0e02
#1f0e02
rgb(31,14,2)
-
#311703
#311703
rgb(49,23,3)
-
#441f04
#441f04
rgb(68,31,4)
-
#562805
#562805
rgb(86,40,5)
-
#693006
#693006
rgb(105,48,6)
-
#7b3907
#7b3907
rgb(123,57,7)
-
#8e4108
#8e4108
rgb(142,65,8)
-
#a04a09
#a04a09
rgb(160,74,9)
-
#b3520a
#b3520a
rgb(179,82,10)
-
#c65b0b
#c65b0b
rgb(198,91,11)
-
#d8630c
#d8630c
rgb(216,99,12)
-
#eb6c0d
#eb6c0d
rgb(235,108,13)
-
#f2761a
#f2761a
rgb(242,118,26)
-
#f3812c
#f3812c
rgb(243,129,44)
-
#f48c3f
#f48c3f
rgb(244,140,63)
-
#f59752
#f59752
rgb(245,151,82)
-
#f6a264
#f6a264
rgb(246,162,100)
-
#f7ad77
#f7ad77
rgb(247,173,119)
-
#f8b889
#f8b889
rgb(248,184,137)
-
#f9c49c
#f9c49c
rgb(249,196,156)
-
#facfae
#facfae
rgb(250,207,174)
-
#fbdac1
#fbdac1
rgb(251,218,193)
-
#fde5d3
#fde5d3
rgb(253,229,211)
-
#fef0e6
#fef0e6
rgb(254,240,230)
-
#fffbf9
#fffbf9
rgb(255,251,249)
Tones of #f48c3f
A tone is produced by adding gray to any pure hue. In this case, #9e9995 is the less saturated color, while #fc8b37 is the most saturated one.
-
#9e9995
#9e9995
rgb(158,153,149)
-
#a6988d
#a6988d
rgb(166,152,141)
-
#ae9685
#ae9685
rgb(174,150,133)
-
#b6957d
#b6957d
rgb(182,149,125)
-
#bd9476
#bd9476
rgb(189,148,118)
-
#c5936e
#c5936e
rgb(197,147,110)
-
#cd9266
#cd9266
rgb(205,146,102)
-
#d5915e
#d5915e
rgb(213,145,94)
-
#dd8f56
#dd8f56
rgb(221,143,86)
-
#e48e4f
#e48e4f
rgb(228,142,79)
-
#ec8d47
#ec8d47
rgb(236,141,71)
-
#f48c3f
#f48c3f
rgb(244,140,63)
-
#fc8b37
#fc8b37
rgb(252,139,55)
Color Blindness Simulator
Below, you can see how #f48c3f 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.