#fa7225 hex color

In a RGB color space, hex #fa7225 is composed of 98% red, 44.7% green and 14.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 54.4% magenta, 85.2% yellow and 2% black. It has a hue angle of 21.7 degrees, a saturation of 95.5% and a lightness of 56.3%. #fa7225 color hex could be obtained by blending #ffe44a with #f50000. Closest websafe color is: #ff6633.

♥
- f
- t
- g
- R 98
- G 45
- B 15
RGB color chart
- C 0
- M 54
- Y 85
- K 2
CMYK color chart

● #fa7225 color description : Vivid orange.

The hexadecimal color #fa7225 has RGB values of R:250, G:114, B:37 and CMYK values of C:0, M:0.54, Y:0.85, K:0.02. Its decimal value is 16413221.

Hex triplet	fa7225	`#fa7225`
RGB Decimal	250, 114, 37	`rgb(250,114,37)`
RGB Percent	98, 44.7, 14.5	`rgb(98%,44.7%,14.5%)`
CMYK	0, 54, 85, 2
HSL	21.7°, 95.5, 56.3	`hsl(21.7,95.5%,56.3%)`
HSV (or HSB)	21.7°, 85.2, 98
Web Safe	ff6633	`#ff6633`

CIE-LAB	63.751, 48.173, 63.072
XYZ	45.777, 32.497, 5.612
xyY	0.546, 0.387, 32.497
CIE-LCH	63.751, 79.364, 52.628
CIE-LUV	63.751, 111.923, 52.516
Hunter-Lab	57.006, 43.58, 34.067
Binary	11111010, 01110010, 00100101

#fa7225
```
#fa7225 rgb(250,114,37)
```
#25adfa
```
#25adfa rgb(37,173,250)
```

Complementary Color

#fa2543
```
#fa2543 rgb(250,37,67)
```
#fa7225
```
#fa7225 rgb(250,114,37)
```
#fadd25
```
#fadd25 rgb(250,221,37)
```

Analogous Color

#2543fa
```
#2543fa rgb(37,67,250)
```
#fa7225
```
#fa7225 rgb(250,114,37)
```
#25fadd
```
#25fadd rgb(37,250,221)
```

Split Complementary Color

#7225fa
```
#7225fa rgb(114,37,250)
```
#fa7225
```
#fa7225 rgb(250,114,37)
```
#25fa72
```
#25fa72 rgb(37,250,114)
```

Triadic Color

#fa25ad
```
#fa25ad rgb(250,37,173)
```
#fa7225
```
#fa7225 rgb(250,114,37)
```
#25fa72
```
#25fa72 rgb(37,250,114)
```
#25adfa
```
#25adfa rgb(37,173,250)
```

Tetradic Color

#ce4d05
```
#ce4d05 rgb(206,77,5)
```
#e75705
```
#e75705 rgb(231,87,5)
```
#f9620c
```
#f9620c rgb(249,98,12)
```
#fa7225
```
#fa7225 rgb(250,114,37)
```
#fb823e
```
#fb823e rgb(251,130,62)
```
#fb9257
```
#fb9257 rgb(251,146,87)
```
#fca270
```
#fca270 rgb(252,162,112)
```

Monochromatic Color

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

#fa3d25
```
#fa3d25 rgb(250,61,37)
```
#fa4f25
```
#fa4f25 rgb(250,79,37)
```
#fa6025
```
#fa6025 rgb(250,96,37)
```
#fa7225
```
#fa7225 rgb(250,114,37)
```
#fa8425
```
#fa8425 rgb(250,132,37)
```
#fa9625
```
#fa9625 rgb(250,150,37)
```
#faa725
```
#faa725 rgb(250,167,37)
```

Similar Colors

Text with hexadecimal color #fa7225

This text has a font color of #fa7225.

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

#fa7225 background color

This paragraph has a background color of #fa7225.

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

#fa7225 border color

This element has a border color of #fa7225.

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

CSS codes

.text {color:#fa7225;}

.background {background-color:#fa7225;}

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

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

#0c0500
```
#0c0500 rgb(12,5,0)
```
#1f0c01
```
#1f0c01 rgb(31,12,1)
```
#321301
```
#321301 rgb(50,19,1)
```
#461a02
```
#461a02 rgb(70,26,2)
```
#592102
```
#592102 rgb(89,33,2)
```
#6c2902
```
#6c2902 rgb(108,41,2)
```
#7f3003
```
#7f3003 rgb(127,48,3)
```
#923703
```
#923703 rgb(146,55,3)
```
#a63e04
```
#a63e04 rgb(166,62,4)
```
#b94504
```
#b94504 rgb(185,69,4)
```
#cc4d05
```
#cc4d05 rgb(204,77,5)
```
#df5405
```
#df5405 rgb(223,84,5)
```
#f25b06
```
#f25b06 rgb(242,91,6)
```

Shade Color Variation

#fa6612
```
#fa6612 rgb(250,102,18)
```
#fa7225
```
#fa7225 rgb(250,114,37)
```
#fa7e38
```
#fa7e38 rgb(250,126,56)
```
#fb8b4b
```
#fb8b4b rgb(251,139,75)
```
#fb975f
```
#fb975f rgb(251,151,95)
```
#fca472
```
#fca472 rgb(252,164,114)
```
#fcb085
```
#fcb085 rgb(252,176,133)
```
#fdbc98
```
#fdbc98 rgb(253,188,152)
```
#fdc9ab
```
#fdc9ab rgb(253,201,171)
```
#fed5be
```
#fed5be rgb(254,213,190)
```
#fee2d2
```
#fee2d2 rgb(254,226,210)
```
#feeee5
```
#feeee5 rgb(254,238,229)
```
#fffaf8
```
#fffaf8 rgb(255,250,248)
```

Tint Color Variation

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

#938f8c
```
#938f8c rgb(147,143,140)
```
#9c8c83
```
#9c8c83 rgb(156,140,131)
```
#a48a7b
```
#a48a7b rgb(164,138,123)
```
#ad8772
```
#ad8772 rgb(173,135,114)
```
#b5856a
```
#b5856a rgb(181,133,106)
```
#be8361
```
#be8361 rgb(190,131,97)
```
#c78058
```
#c78058 rgb(199,128,88)
```
#cf7e50
```
#cf7e50 rgb(207,126,80)
```
#d87c47
```
#d87c47 rgb(216,124,71)
```
#e0793f
```
#e0793f rgb(224,121,63)
```
#e97736
```
#e97736 rgb(233,119,54)
```
#f1742e
```
#f1742e rgb(241,116,46)
```
#fa7225
```
#fa7225 rgb(250,114,37)
```

Tone Color Variation

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

#b19f3a Protanopia 1% of men
#c79820 Deuteranopia 1% of men
#fd7279 Tritanopia 0.001% of the population

Trichromacy

#cc8f32 Protanomaly 1% of men, 0.01% of women
#d98a21 Deuteranomaly 6% of men, 0.4% of women
#fb725a Tritanomaly 0.01% of the population

#fa7225 hex color

#fa7225 Color Information

#fa7225 Color Conversion

Color Schemes with #fa7225

Alternatives to #fa7225

#fa7225 Preview

Shades and Tints of #fa7225

Tones of #fa7225

Color Blindness Simulator