#f07d4d hex color

In a RGB color space, hex #f07d4d is composed of 94.1% red, 49% green and 30.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 47.9% magenta, 67.9% yellow and 5.9% black. It has a hue angle of 17.7 degrees, a saturation of 84.5% and a lightness of 62.2%. #f07d4d color hex could be obtained by blending #fffa9a with #e10000. Closest websafe color is: #ff6666.

♥
- f
- t
- g
- R 94
- G 49
- B 30
RGB color chart
- C 0
- M 48
- Y 68
- K 6
CMYK color chart

● #f07d4d color description : Soft orange.

The hexadecimal color #f07d4d has RGB values of R:240, G:125, B:77 and CMYK values of C:0, M:0.48, Y:0.68, K:0.06. Its decimal value is 15760717.

Hex triplet	f07d4d	`#f07d4d`
RGB Decimal	240, 125, 77	`rgb(240,125,77)`
RGB Percent	94.1, 49, 30.2	`rgb(94.1%,49%,30.2%)`
CMYK	0, 48, 68, 6
HSL	17.7°, 84.5, 62.2	`hsl(17.7,84.5%,62.2%)`
HSV (or HSB)	17.7°, 67.9, 94.1
Web Safe	ff6666	`#ff6666`

CIE-LAB	64.749, 40.51, 45.563
XYZ	44.61, 33.732, 11.183
xyY	0.498, 0.377, 33.732
CIE-LCH	64.749, 60.967, 48.36
CIE-LUV	64.749, 90.599, 43.252
Hunter-Lab	58.079, 35.463, 29.24
Binary	11110000, 01111101, 01001101

#f07d4d
```
#f07d4d rgb(240,125,77)
```
#4dc0f0
```
#4dc0f0 rgb(77,192,240)
```

Complementary Color

#f04d6f
```
#f04d6f rgb(240,77,111)
```
#f07d4d
```
#f07d4d rgb(240,125,77)
```
#f0cf4d
```
#f0cf4d rgb(240,207,77)
```

Analogous Color

#4d6ff0
```
#4d6ff0 rgb(77,111,240)
```
#f07d4d
```
#f07d4d rgb(240,125,77)
```
#4df0cf
```
#4df0cf rgb(77,240,207)
```

Split Complementary Color

#7d4df0
```
#7d4df0 rgb(125,77,240)
```
#f07d4d
```
#f07d4d rgb(240,125,77)
```
#4df07d
```
#4df07d rgb(77,240,125)
```

Triadic Color

#f04dc0
```
#f04dc0 rgb(240,77,192)
```
#f07d4d
```
#f07d4d rgb(240,125,77)
```
#4df07d
```
#4df07d rgb(77,240,125)
```
#4dc0f0
```
#4dc0f0 rgb(77,192,240)
```

Tetradic Color

#de4f13
```
#de4f13 rgb(222,79,19)
```
#ec5b1e
```
#ec5b1e rgb(236,91,30)
```
#ee6c35
```
#ee6c35 rgb(238,108,53)
```
#f07d4d
```
#f07d4d rgb(240,125,77)
```
#f28e65
```
#f28e65 rgb(242,142,101)
```
#f49f7c
```
#f49f7c rgb(244,159,124)
```
#f6b194
```
#f6b194 rgb(246,177,148)
```

Monochromatic Color

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

#f0544d
```
#f0544d rgb(240,84,77)
```
#f0624d
```
#f0624d rgb(240,98,77)
```
#f06f4d
```
#f06f4d rgb(240,111,77)
```
#f07d4d
```
#f07d4d rgb(240,125,77)
```
#f08b4d
```
#f08b4d rgb(240,139,77)
```
#f0984d
```
#f0984d rgb(240,152,77)
```
#f0a64d
```
#f0a64d rgb(240,166,77)
```

Similar Colors

Text with hexadecimal color #f07d4d

This text has a font color of #f07d4d.

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

#f07d4d background color

This paragraph has a background color of #f07d4d.

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

#f07d4d border color

This element has a border color of #f07d4d.

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

CSS codes

.text {color:#f07d4d;}

.background {background-color:#f07d4d;}

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

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, #030100 is the darkest color, while #fef4f0 is the lightest one.

#030100
```
#030100 rgb(3,1,0)
```
#150702
```
#150702 rgb(21,7,2)
```
#270e03
```
#270e03 rgb(39,14,3)
```
#391405
```
#391405 rgb(57,20,5)
```
#4b1b06
```
#4b1b06 rgb(75,27,6)
```
#5d2108
```
#5d2108 rgb(93,33,8)
```
#6f2709
```
#6f2709 rgb(111,39,9)
```
#822e0b
```
#822e0b rgb(130,46,11)
```
#94340c
```
#94340c rgb(148,52,12)
```
#a63b0e
```
#a63b0e rgb(166,59,14)
```
#b8410f
```
#b8410f rgb(184,65,15)
```
#ca4711
```
#ca4711 rgb(202,71,17)
```
#dc4e13
```
#dc4e13 rgb(220,78,19)
```

Shade Color Variation

#eb5517
```
#eb5517 rgb(235,85,23)
```
#ed6329
```
#ed6329 rgb(237,99,41)
```
#ee703b
```
#ee703b rgb(238,112,59)
```
#f07d4d
```
#f07d4d rgb(240,125,77)
```
#f28a5f
```
#f28a5f rgb(242,138,95)
```
#f39771
```
#f39771 rgb(243,151,113)
```
#f5a583
```
#f5a583 rgb(245,165,131)
```
#f6b295
```
#f6b295 rgb(246,178,149)
```
#f8bfa7
```
#f8bfa7 rgb(248,191,167)
```
#f9ccba
```
#f9ccba rgb(249,204,186)
```
#fbd9cc
```
#fbd9cc rgb(251,217,204)
```
#fce7de
```
#fce7de rgb(252,231,222)
```
#fef4f0
```
#fef4f0 rgb(254,244,240)
```

Tint Color Variation

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

#a69c97
```
#a69c97 rgb(166,156,151)
```
#ad9890
```
#ad9890 rgb(173,152,144)
```
#b59588
```
#b59588 rgb(181,149,136)
```
#bc9281
```
#bc9281 rgb(188,146,129)
```
#c38f7a
```
#c38f7a rgb(195,143,122)
```
#cb8c72
```
#cb8c72 rgb(203,140,114)
```
#d2896b
```
#d2896b rgb(210,137,107)
```
#da8663
```
#da8663 rgb(218,134,99)
```
#e1835c
```
#e1835c rgb(225,131,92)
```
#e98054
```
#e98054 rgb(233,128,84)
```
#f07d4d
```
#f07d4d rgb(240,125,77)
```
#f77a46
```
#f77a46 rgb(247,122,70)
```
#ff773e
```
#ff773e rgb(255,119,62)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#ab948b Atypical Achromatopsia 0.001% of the population

Dichromacy

#b1a260 Protanopia 1% of men
#c69a4f Deuteranopia 1% of men
#f37d85 Tritanopia 0.001% of the population

Trichromacy

#c89459 Protanomaly 1% of men, 0.01% of women
#d5904e Deuteranomaly 6% of men, 0.4% of women
#f27d71 Tritanomaly 0.01% of the population

#f07d4d hex color

#f07d4d Color Information

#f07d4d Color Conversion

Color Schemes with #f07d4d

Alternatives to #f07d4d

#f07d4d Preview

Shades and Tints of #f07d4d

Tones of #f07d4d

Color Blindness Simulator