#fa5315 hex color

In a RGB color space, hex #fa5315 is composed of 98% red, 32.5% green and 8.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 66.8% magenta, 91.6% yellow and 2% black. It has a hue angle of 16.2 degrees, a saturation of 95.8% and a lightness of 53.1%. #fa5315 color hex could be obtained by blending #ffa62a with #f50000. Closest websafe color is: #ff6600.

♥
- f
- t
- g
- R 98
- G 33
- B 8
RGB color chart
- C 0
- M 67
- Y 92
- K 2
CMYK color chart

● #fa5315 color description : Vivid orange.

The hexadecimal color #fa5315 has RGB values of R:250, G:83, B:21 and CMYK values of C:0, M:0.67, Y:0.92, K:0.02. Its decimal value is 16405269.

Hex triplet	fa5315	`#fa5315`
RGB Decimal	250, 83, 21	`rgb(250,83,21)`
RGB Percent	98, 32.5, 8.2	`rgb(98%,32.5%,8.2%)`
CMYK	0, 67, 92, 2
HSL	16.2°, 95.8, 53.1	`hsl(16.2,95.8%,53.1%)`
HSV (or HSB)	16.2°, 91.6, 98
Web Safe	ff6600	`#ff6600`

CIE-LAB	58.574, 61.369, 64.432
XYZ	42.655, 26.57, 3.592
xyY	0.586, 0.365, 26.57
CIE-LCH	58.574, 88.981, 46.395
CIE-LUV	58.574, 136.803, 46.247
Hunter-Lab	51.546, 57.507, 31.95
Binary	11111010, 01010011, 00010101

#fa5315
```
#fa5315 rgb(250,83,21)
```
#15bcfa
```
#15bcfa rgb(21,188,250)
```

Complementary Color

#fa1549
```
#fa1549 rgb(250,21,73)
```
#fa5315
```
#fa5315 rgb(250,83,21)
```
#fac615
```
#fac615 rgb(250,198,21)
```

Analogous Color

#1549fa
```
#1549fa rgb(21,73,250)
```
#fa5315
```
#fa5315 rgb(250,83,21)
```
#15fac6
```
#15fac6 rgb(21,250,198)
```

Split Complementary Color

#5315fa
```
#5315fa rgb(83,21,250)
```
#fa5315
```
#fa5315 rgb(250,83,21)
```
#15fa53
```
#15fa53 rgb(21,250,83)
```

Triadic Color

#fa15bc
```
#fa15bc rgb(250,21,188)
```
#fa5315
```
#fa5315 rgb(250,83,21)
```
#15fa53
```
#15fa53 rgb(21,250,83)
```
#15bcfa
```
#15bcfa rgb(21,188,250)
```

Tetradic Color

#be3704
```
#be3704 rgb(190,55,4)
```
#d73e05
```
#d73e05 rgb(215,62,5)
```
#f04505
```
#f04505 rgb(240,69,5)
```
#fa5315
```
#fa5315 rgb(250,83,21)
```
#fb652e
```
#fb652e rgb(251,101,46)
```
#fb7847
```
#fb7847 rgb(251,120,71)
```
#fc8a60
```
#fc8a60 rgb(252,138,96)
```

Monochromatic Color

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

#fa1a15
```
#fa1a15 rgb(250,26,21)
```
#fa2d15
```
#fa2d15 rgb(250,45,21)
```
#fa4015
```
#fa4015 rgb(250,64,21)
```
#fa5315
```
#fa5315 rgb(250,83,21)
```
#fa6615
```
#fa6615 rgb(250,102,21)
```
#fa7915
```
#fa7915 rgb(250,121,21)
```
#fa8c15
```
#fa8c15 rgb(250,140,21)
```

Similar Colors

Text with hexadecimal color #fa5315

This text has a font color of #fa5315.

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

#fa5315 background color

This paragraph has a background color of #fa5315.

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

#fa5315 border color

This element has a border color of #fa5315.

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

CSS codes

.text {color:#fa5315;}

.background {background-color:#fa5315;}

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

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

#100400
```
#100400 rgb(16,4,0)
```
#230a01
```
#230a01 rgb(35,10,1)
```
#360f01
```
#360f01 rgb(54,15,1)
```
#491502
```
#491502 rgb(73,21,2)
```
#5c1a02
```
#5c1a02 rgb(92,26,2)
```
#702002
```
#702002 rgb(112,32,2)
```
#832503
```
#832503 rgb(131,37,3)
```
#962b03
```
#962b03 rgb(150,43,3)
```
#a93004
```
#a93004 rgb(169,48,4)
```
#bd3604
```
#bd3604 rgb(189,54,4)
```
#d03b04
```
#d03b04 rgb(208,59,4)
```
#e34105
```
#e34105 rgb(227,65,5)
```
#f64605
```
#f64605 rgb(246,70,5)
```

Shade Color Variation

#fa5315
```
#fa5315 rgb(250,83,21)
```
#fa6128
```
#fa6128 rgb(250,97,40)
```
#fb6f3b
```
#fb6f3b rgb(251,111,59)
```
#fb7d4f
```
#fb7d4f rgb(251,125,79)
```
#fc8b62
```
#fc8b62 rgb(252,139,98)
```
#fc9a75
```
#fc9a75 rgb(252,154,117)
```
#fca888
```
#fca888 rgb(252,168,136)
```
#fdb69b
```
#fdb69b rgb(253,182,155)
```
#fdc4af
```
#fdc4af rgb(253,196,175)
```
#fed2c2
```
#fed2c2 rgb(254,210,194)
```
#fee0d5
```
#fee0d5 rgb(254,224,213)
```
#ffeee8
```
#ffeee8 rgb(255,238,232)
```
#fffcfb
```
#fffcfb rgb(255,252,251)
```

Tint Color Variation

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

#8c8683
```
#8c8683 rgb(140,134,131)
```
#95817a
```
#95817a rgb(149,129,122)
```
#9e7d71
```
#9e7d71 rgb(158,125,113)
```
#a77968
```
#a77968 rgb(167,121,104)
```
#b0755f
```
#b0755f rgb(176,117,95)
```
#ba7155
```
#ba7155 rgb(186,113,85)
```
#c36c4c
```
#c36c4c rgb(195,108,76)
```
#cc6843
```
#cc6843 rgb(204,104,67)
```
#d5643a
```
#d5643a rgb(213,100,58)
```
#de6031
```
#de6031 rgb(222,96,49)
```
#e85b27
```
#e85b27 rgb(232,91,39)
```
#f1571e
```
#f1571e rgb(241,87,30)
```
#fa5315
```
#fa5315 rgb(250,83,21)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#977569 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a3932e Protanopia 1% of men
#b78b00 Deuteranopia 1% of men
#fb565a Tritanopia 0.001% of the population

Trichromacy

#c37b25 Protanomaly 1% of men, 0.01% of women
#cf7707 Deuteranomaly 6% of men, 0.4% of women
#fb5541 Tritanomaly 0.01% of the population

#fa5315 hex color

#fa5315 Color Information

#fa5315 Color Conversion

Color Schemes with #fa5315

Alternatives to #fa5315

#fa5315 Preview

Shades and Tints of #fa5315

Tones of #fa5315

Color Blindness Simulator