colorhexa.com

#f48140 hex color

In a RGB color space, hex #f48140 is composed of 95.7% red, 50.6% green and 25.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 47.1% magenta, 73.8% yellow and 4.3% black. It has a hue angle of 21.7 degrees, a saturation of 89.1% and a lightness of 60.4%. #f48140 color hex could be obtained by blending #ffff80 with #e90300. Closest websafe color is: #ff9933.

- R 96
- G 51
- B 25
RGB color chart
- C 0
- M 47
- Y 74
- K 4
CMYK color chart

● #f48140 color description : Bright orange.

The hexadecimal color #f48140 has RGB values of R:244, G:129, B:64 and CMYK values of C:0, M:0.47, Y:0.74, K:0.04. Its decimal value is 16023872.

Hex triplet	f48140	`#f48140`
RGB Decimal	244, 129, 64	`rgb(244,129,64)`
RGB Percent	95.7, 50.6, 25.1	`rgb(95.7%,50.6%,25.1%)`
CMYK	0, 47, 74, 4
HSL	21.7°, 89.1, 60.4	`hsl(21.7,89.1%,60.4%)`
HSV (or HSB)	21.7°, 73.8, 95.7
Web Safe	ff9933	`#ff9933`

CIE-LAB	65.988, 39.411, 53.474
XYZ	46.085, 35.308, 9.238
xyY	0.508, 0.39, 35.308
CIE-LCH	65.988, 66.428, 53.609
CIE-LUV	65.988, 92.351, 49.996
Hunter-Lab	59.42, 34.456, 32.376
Binary	11110100, 10000001, 01000000

#f48140
```
#f48140 rgb(244,129,64)
```
#40b3f4
```
#40b3f4 rgb(64,179,244)
```

Complementary Color

#f44059
```
#f44059 rgb(244,64,89)
```
#f48140
```
#f48140 rgb(244,129,64)
```
#f4db40
```
#f4db40 rgb(244,219,64)
```

Analogous Color

#4059f4
```
#4059f4 rgb(64,89,244)
```
#f48140
```
#f48140 rgb(244,129,64)
```
#40f4db
```
#40f4db rgb(64,244,219)
```

Split Complementary Color

#8140f4
```
#8140f4 rgb(129,64,244)
```
#f48140
```
#f48140 rgb(244,129,64)
```
#40f481
```
#40f481 rgb(64,244,129)
```

Triadic Color

#f440b3
```
#f440b3 rgb(244,64,179)
```
#f48140
```
#f48140 rgb(244,129,64)
```
#40f481
```
#40f481 rgb(64,244,129)
```
#40b3f4
```
#40b3f4 rgb(64,179,244)
```

Tetradic Color

#db570d
```
#db570d rgb(219,87,13)
```
#f16110
```
#f16110 rgb(241,97,16)
```
#f37128
```
#f37128 rgb(243,113,40)
```
#f48140
```
#f48140 rgb(244,129,64)
```
#f59158
```
#f59158 rgb(245,145,88)
```
#f7a170
```
#f7a170 rgb(247,161,112)
```
#f8b188
```
#f8b188 rgb(248,177,136)
```

Monochromatic Color

Below, you can see some colors close to #f48140. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#f45440
```
#f45440 rgb(244,84,64)
```
#f46340
```
#f46340 rgb(244,99,64)
```
#f47240
```
#f47240 rgb(244,114,64)
```
#f48140
```
#f48140 rgb(244,129,64)
```
#f49040
```
#f49040 rgb(244,144,64)
```
#f49f40
```
#f49f40 rgb(244,159,64)
```
#f4ae40
```
#f4ae40 rgb(244,174,64)
```

Similar Colors

Text with hexadecimal color #f48140

This text has a font color of #f48140.

<span style="color:#f48140;">Text here</span>

#f48140 background color

This paragraph has a background color of #f48140.

<p style="background-color:#f48140;">Content here</p>

#f48140 border color

This element has a border color of #f48140.

<div style="border:1px solid #f48140;">Content here</div>

CSS codes

.text {color:#f48140;}

.background {background-color:#f48140;}

.border {border:1px solid #f48140;}

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, #0d0501 is the darkest color, while #fffbf9 is the lightest one.

#0d0501
```
#0d0501 rgb(13,5,1)
```
#200d02
```
#200d02 rgb(32,13,2)
```
#321403
```
#321403 rgb(50,20,3)
```
#451b04
```
#451b04 rgb(69,27,4)
```
#572305
```
#572305 rgb(87,35,5)
```
#6a2a06
```
#6a2a06 rgb(106,42,6)
```
#7c3107
```
#7c3107 rgb(124,49,7)
```
#8f3908
```
#8f3908 rgb(143,57,8)
```
#a14009
```
#a14009 rgb(161,64,9)
```
#b4480a
```
#b4480a rgb(180,72,10)
```
#c64f0b
```
#c64f0b rgb(198,79,11)
```
#d9560c
```
#d9560c rgb(217,86,12)
```
#ec5e0e
```
#ec5e0e rgb(236,94,14)
```

Shade Color Variation

#f2691b
```
#f2691b rgb(242,105,27)
```
#f3752d
```
#f3752d rgb(243,117,45)
```
#f48140
```
#f48140 rgb(244,129,64)
```
#f58d53
```
#f58d53 rgb(245,141,83)
```
#f69965
```
#f69965 rgb(246,153,101)
```
#f7a678
```
#f7a678 rgb(247,166,120)
```
#f8b28a
```
#f8b28a rgb(248,178,138)
```
#f9be9d
```
#f9be9d rgb(249,190,157)
```
#facaaf
```
#facaaf rgb(250,202,175)
```
#fbd7c2
```
#fbd7c2 rgb(251,215,194)
```
#fde3d4
```
#fde3d4 rgb(253,227,212)
```
#feefe7
```
#feefe7 rgb(254,239,231)
```
#fffbf9
```
#fffbf9 rgb(255,251,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9f9995 is the less saturated color, while #fc7f38 is the most saturated one.

#9f9995
```
#9f9995 rgb(159,153,149)
```
#a6978e
```
#a6978e rgb(166,151,142)
```
#ae9486
```
#ae9486 rgb(174,148,134)
```
#b6927e
```
#b6927e rgb(182,146,126)
```
#be9076
```
#be9076 rgb(190,144,118)
```
#c58e6f
```
#c58e6f rgb(197,142,111)
```
#cd8c67
```
#cd8c67 rgb(205,140,103)
```
#d58a5f
```
#d58a5f rgb(213,138,95)
```
#dd8757
```
#dd8757 rgb(221,135,87)
```
#e48550
```
#e48550 rgb(228,133,80)
```
#ec8348
```
#ec8348 rgb(236,131,72)
```
#f48140
```
#f48140 rgb(244,129,64)
```
#fc7f38
```
#fc7f38 rgb(252,127,56)
```

Tone Color Variation

Below, you can see how #f48140 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.

Monochromacy

#9c9c9c Achromatopsia 0.005% of the population
#ae978a Atypical Achromatopsia 0.001% of the population

Dichromacy

#b6a552 Protanopia 1% of men
#cc9d42 Deuteranopia 1% of men
#f78088 Tritanopia 0.001% of the population

Trichromacy

#cc984b Protanomaly 1% of men, 0.01% of women
#da9341 Deuteranomaly 6% of men, 0.4% of women
#f6806e Tritanomaly 0.01% of the population