#fd7131 hex color

In a RGB color space, hex #fd7131 is composed of 99.2% red, 44.3% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 55.3% magenta, 80.6% yellow and 0.8% black. It has a hue angle of 18.8 degrees, a saturation of 98.1% and a lightness of 59.2%. #fd7131 color hex could be obtained by blending #ffe262 with #fb0000. Closest websafe color is: #ff6633.

♥
- f
- t
- g
- R 99
- G 44
- B 19
RGB color chart
- C 0
- M 55
- Y 81
- K 1
CMYK color chart

● #fd7131 color description : Bright orange.

The hexadecimal color #fd7131 has RGB values of R:253, G:113, B:49 and CMYK values of C:0, M:0.55, Y:0.81, K:0.01. Its decimal value is 16609585.

Hex triplet	fd7131	`#fd7131`
RGB Decimal	253, 113, 49	`rgb(253,113,49)`
RGB Percent	99.2, 44.3, 19.2	`rgb(99.2%,44.3%,19.2%)`
CMYK	0, 55, 81, 1
HSL	18.8°, 98.1, 59.2	`hsl(18.8,98.1%,59.2%)`
HSV (or HSB)	18.8°, 80.6, 99.2
Web Safe	ff6633	`#ff6633`

CIE-LAB	64.096, 50.062, 58.799
XYZ	46.969, 32.919, 6.786
xyY	0.542, 0.38, 32.919
CIE-LCH	64.096, 77.224, 49.589
CIE-LUV	64.096, 114.143, 49.72
Hunter-Lab	57.375, 45.719, 33.15
Binary	11111101, 01110001, 00110001

#fd7131
```
#fd7131 rgb(253,113,49)
```
#31bdfd
```
#31bdfd rgb(49,189,253)
```

Complementary Color

#fd3157
```
#fd3157 rgb(253,49,87)
```
#fd7131
```
#fd7131 rgb(253,113,49)
```
#fdd731
```
#fdd731 rgb(253,215,49)
```

Analogous Color

#3157fd
```
#3157fd rgb(49,87,253)
```
#fd7131
```
#fd7131 rgb(253,113,49)
```
#31fdd7
```
#31fdd7 rgb(49,253,215)
```

Split Complementary Color

#7131fd
```
#7131fd rgb(113,49,253)
```
#fd7131
```
#fd7131 rgb(253,113,49)
```
#31fd71
```
#31fd71 rgb(49,253,113)
```

Triadic Color

#fd31bd
```
#fd31bd rgb(253,49,189)
```
#fd7131
```
#fd7131 rgb(253,113,49)
```
#31fd71
```
#31fd71 rgb(49,253,113)
```
#31bdfd
```
#31bdfd rgb(49,189,253)
```

Tetradic Color

#df4802
```
#df4802 rgb(223,72,2)
```
#f95002
```
#f95002 rgb(249,80,2)
```
#fd6018
```
#fd6018 rgb(253,96,24)
```
#fd7131
```
#fd7131 rgb(253,113,49)
```
#fd824a
```
#fd824a rgb(253,130,74)
```
#fd9464
```
#fd9464 rgb(253,148,100)
```
#fea57d
```
#fea57d rgb(254,165,125)
```

Monochromatic Color

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

#fd3e31
```
#fd3e31 rgb(253,62,49)
```
#fd4f31
```
#fd4f31 rgb(253,79,49)
```
#fd6031
```
#fd6031 rgb(253,96,49)
```
#fd7131
```
#fd7131 rgb(253,113,49)
```
#fd8231
```
#fd8231 rgb(253,130,49)
```
#fd9331
```
#fd9331 rgb(253,147,49)
```
#fda431
```
#fda431 rgb(253,164,49)
```

Similar Colors

Text with hexadecimal color #fd7131

This text has a font color of #fd7131.

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

#fd7131 background color

This paragraph has a background color of #fd7131.

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

#fd7131 border color

This element has a border color of #fd7131.

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

CSS codes

.text {color:#fd7131;}

.background {background-color:#fd7131;}

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

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

#080200
```
#080200 rgb(8,2,0)
```
#1b0900
```
#1b0900 rgb(27,9,0)
```
#2f0f00
```
#2f0f00 rgb(47,15,0)
```
#421501
```
#421501 rgb(66,21,1)
```
#551b01
```
#551b01 rgb(85,27,1)
```
#692201
```
#692201 rgb(105,34,1)
```
#7c2801
```
#7c2801 rgb(124,40,1)
```
#902e01
```
#902e01 rgb(144,46,1)
```
#a33402
```
#a33402 rgb(163,52,2)
```
#b73a02
```
#b73a02 rgb(183,58,2)
```
#ca4102
```
#ca4102 rgb(202,65,2)
```
#dd4702
```
#dd4702 rgb(221,71,2)
```
#f14d02
```
#f14d02 rgb(241,77,2)
```

Shade Color Variation

#fd560a
```
#fd560a rgb(253,86,10)
```
#fd641e
```
#fd641e rgb(253,100,30)
```
#fd7131
```
#fd7131 rgb(253,113,49)
```
#fd7e44
```
#fd7e44 rgb(253,126,68)
```
#fd8c58
```
#fd8c58 rgb(253,140,88)
```
#fe996b
```
#fe996b rgb(254,153,107)
```
#fea77f
```
#fea77f rgb(254,167,127)
```
#feb492
```
#feb492 rgb(254,180,146)
```
#fec1a6
```
#fec1a6 rgb(254,193,166)
```
#fecfb9
```
#fecfb9 rgb(254,207,185)
```
#ffdccc
```
#ffdccc rgb(255,220,204)
```
#ffeae0
```
#ffeae0 rgb(255,234,224)
```
#fff7f3
```
#fff7f3 rgb(255,247,243)
```

Tint Color Variation

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

#9d9591
```
#9d9591 rgb(157,149,145)
```
#a59289
```
#a59289 rgb(165,146,137)
```
#ad8f81
```
#ad8f81 rgb(173,143,129)
```
#b58c79
```
#b58c79 rgb(181,140,121)
```
#bd8971
```
#bd8971 rgb(189,137,113)
```
#c58669
```
#c58669 rgb(197,134,105)
```
#cd8361
```
#cd8361 rgb(205,131,97)
```
#d58059
```
#d58059 rgb(213,128,89)
```
#dd7d51
```
#dd7d51 rgb(221,125,81)
```
#e57a49
```
#e57a49 rgb(229,122,73)
```
#ed7741
```
#ed7741 rgb(237,119,65)
```
#f57439
```
#f57439 rgb(245,116,57)
```
#fd7131
```
#fd7131 rgb(253,113,49)
```

Tone Color Variation

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

#949494 Achromatopsia 0.005% of the population
#a98d80 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b1a046 Protanopia 1% of men
#c7982f Deuteranopia 1% of men
#ff7279 Tritanopia 0.001% of the population

Trichromacy

#cd8f3e Protanomaly 1% of men, 0.01% of women
#db8a2f Deuteranomaly 6% of men, 0.4% of women
#fe715e Tritanomaly 0.01% of the population

#fd7131 hex color

#fd7131 Color Information

#fd7131 Color Conversion

Color Schemes with #fd7131

Alternatives to #fd7131

#fd7131 Preview

Shades and Tints of #fd7131

Tones of #fd7131

Color Blindness Simulator