#fc7225 hex color

In a RGB color space, hex #fc7225 is composed of 98.8% red, 44.7% green and 14.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 54.8% magenta, 85.3% yellow and 1.2% black. It has a hue angle of 21.5 degrees, a saturation of 97.3% and a lightness of 56.7%. #fc7225 color hex could be obtained by blending #ffe44a with #f90000. Closest websafe color is: #ff6633.

♥
- f
- t
- g
- R 99
- G 45
- B 15
RGB color chart
- C 0
- M 55
- Y 85
- K 1
CMYK color chart

● #fc7225 color description : Vivid orange.

The hexadecimal color #fc7225 has RGB values of R:252, G:114, B:37 and CMYK values of C:0, M:0.55, Y:0.85, K:0.01. Its decimal value is 16544293.

Hex triplet	fc7225	`#fc7225`
RGB Decimal	252, 114, 37	`rgb(252,114,37)`
RGB Percent	98.8, 44.7, 14.5	`rgb(98.8%,44.7%,14.5%)`
CMYK	0, 55, 85, 1
HSL	21.5°, 97.3, 56.7	`hsl(21.5,97.3%,56.7%)`
HSV (or HSB)	21.5°, 85.3, 98.8
Web Safe	ff6633	`#ff6633`

CIE-LAB	64.054, 48.914, 63.445
XYZ	46.498, 32.868, 5.646
xyY	0.547, 0.387, 32.868
CIE-LCH	64.054, 80.111, 52.369
CIE-LUV	64.054, 113.582, 52.681
Hunter-Lab	57.331, 44.443, 34.293
Binary	11111100, 01110010, 00100101

#fc7225
```
#fc7225 rgb(252,114,37)
```
#25affc
```
#25affc rgb(37,175,252)
```

Complementary Color

#fc2544
```
#fc2544 rgb(252,37,68)
```
#fc7225
```
#fc7225 rgb(252,114,37)
```
#fcde25
```
#fcde25 rgb(252,222,37)
```

Analogous Color

#2544fc
```
#2544fc rgb(37,68,252)
```
#fc7225
```
#fc7225 rgb(252,114,37)
```
#25fcde
```
#25fcde rgb(37,252,222)
```

Split Complementary Color

#7225fc
```
#7225fc rgb(114,37,252)
```
#fc7225
```
#fc7225 rgb(252,114,37)
```
#25fc72
```
#25fc72 rgb(37,252,114)
```

Triadic Color

#fc25af
```
#fc25af rgb(252,37,175)
```
#fc7225
```
#fc7225 rgb(252,114,37)
```
#25fc72
```
#25fc72 rgb(37,252,114)
```
#25affc
```
#25affc rgb(37,175,252)
```

Tetradic Color

#d24d03
```
#d24d03 rgb(210,77,3)
```
#eb5603
```
#eb5603 rgb(235,86,3)
```
#fc620c
```
#fc620c rgb(252,98,12)
```
#fc7225
```
#fc7225 rgb(252,114,37)
```
#fc823e
```
#fc823e rgb(252,130,62)
```
#fd9357
```
#fd9357 rgb(253,147,87)
```
#fda370
```
#fda370 rgb(253,163,112)
```

Monochromatic Color

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

#fc3c25
```
#fc3c25 rgb(252,60,37)
```
#fc4e25
```
#fc4e25 rgb(252,78,37)
```
#fc6025
```
#fc6025 rgb(252,96,37)
```
#fc7225
```
#fc7225 rgb(252,114,37)
```
#fc8425
```
#fc8425 rgb(252,132,37)
```
#fc9625
```
#fc9625 rgb(252,150,37)
```
#fca825
```
#fca825 rgb(252,168,37)
```

Similar Colors

Text with hexadecimal color #fc7225

This text has a font color of #fc7225.

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

#fc7225 background color

This paragraph has a background color of #fc7225.

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

#fc7225 border color

This element has a border color of #fc7225.

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

CSS codes

.text {color:#fc7225;}

.background {background-color:#fc7225;}

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

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

#0e0500
```
#0e0500 rgb(14,5,0)
```
#220c00
```
#220c00 rgb(34,12,0)
```
#351301
```
#351301 rgb(53,19,1)
```
#481b01
```
#481b01 rgb(72,27,1)
```
#5c2201
```
#5c2201 rgb(92,34,1)
```
#6f2902
```
#6f2902 rgb(111,41,2)
```
#823002
```
#823002 rgb(130,48,2)
```
#963702
```
#963702 rgb(150,55,2)
```
#a93e02
```
#a93e02 rgb(169,62,2)
```
#bc4503
```
#bc4503 rgb(188,69,3)
```
#d04c03
```
#d04c03 rgb(208,76,3)
```
#e35303
```
#e35303 rgb(227,83,3)
```
#f65a03
```
#f65a03 rgb(246,90,3)
```

Shade Color Variation

#fc6512
```
#fc6512 rgb(252,101,18)
```
#fc7225
```
#fc7225 rgb(252,114,37)
```
#fc7f38
```
#fc7f38 rgb(252,127,56)
```
#fd8b4c
```
#fd8b4c rgb(253,139,76)
```
#fd985f
```
#fd985f rgb(253,152,95)
```
#fda472
```
#fda472 rgb(253,164,114)
```
#fdb186
```
#fdb186 rgb(253,177,134)
```
#febd99
```
#febd99 rgb(254,189,153)
```
#fecaac
```
#fecaac rgb(254,202,172)
```
#fed6c0
```
#fed6c0 rgb(254,214,192)
```
#fee3d3
```
#fee3d3 rgb(254,227,211)
```
#ffefe6
```
#ffefe6 rgb(255,239,230)
```
#fffcfa
```
#fffcfa rgb(255,252,250)
```

Tint Color Variation

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

#968f8b
```
#968f8b rgb(150,143,139)
```
#9f8d83
```
#9f8d83 rgb(159,141,131)
```
#a78a7a
```
#a78a7a rgb(167,138,122)
```
#b08872
```
#b08872 rgb(176,136,114)
```
#b88569
```
#b88569 rgb(184,133,105)
```
#c18361
```
#c18361 rgb(193,131,97)
```
#c98058
```
#c98058 rgb(201,128,88)
```
#d27e50
```
#d27e50 rgb(210,126,80)
```
#da7c47
```
#da7c47 rgb(218,124,71)
```
#e3793f
```
#e3793f rgb(227,121,63)
```
#eb7736
```
#eb7736 rgb(235,119,54)
```
#f4742e
```
#f4742e rgb(244,116,46)
```
#fc7225
```
#fc7225 rgb(252,114,37)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#a78c7c Atypical Achromatopsia 0.001% of the population

Dichromacy

#b2a03a Protanopia 1% of men
#c8981f Deuteranopia 1% of men
#fe7279 Tritanopia 0.001% of the population

Trichromacy

#cd8f32 Protanomaly 1% of men, 0.01% of women
#db8a21 Deuteranomaly 6% of men, 0.4% of women
#fd725a Tritanomaly 0.01% of the population

#fc7225 hex color

#fc7225 Color Information

#fc7225 Color Conversion

Color Schemes with #fc7225

Alternatives to #fc7225

#fc7225 Preview

Shades and Tints of #fc7225

Tones of #fc7225

Color Blindness Simulator