#fa7300 Color Information
In a RGB color space, hex #fa7300 is composed of 98% red, 45.1% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 54% magenta, 100% yellow and 2% black. It has a hue angle of 27.6 degrees, a saturation of 100% and a lightness of 49%. #fa7300 color hex could be obtained by blending #ffe600 with #f50000. Closest websafe color is: #ff6600.
-
- R 98
- G 45
- B 0
-
- C 0
- M 54
- Y 100
- K 2
● #fa7300 color description : Pure (or mostly pure) orange.
#fa7300 Color Conversion
The hexadecimal color #fa7300 has RGB values of R:250, G:115, B:0 and CMYK values of C:0, M:0.54, Y:1, K:0.02. Its decimal value is 16413440.
Hex triplet | fa7300 | #fa7300 |
---|---|---|
RGB Decimal | 250, 115, 0 | rgb(250,115,0) |
RGB Percent | 98, 45.1, 0 | rgb(98%,45.1%,0%) |
CMYK | 0, 54, 100, 2 | |
HSL | 27.6°, 100, 49 | hsl(27.6,100%,49%) |
HSV (or HSB) | 27.6°, 100, 98 | |
Web Safe | ff6600 | #ff6600 |
CIE-LAB | 63.828, 47.215, 71.754 |
---|---|
XYZ | 45.557, 32.59, 3.892 |
xyY | 0.555, 0.397, 32.59 |
CIE-LCH | 63.828, 85.894, 56.655 |
CIE-LUV | 63.828, 112.731, 57.072 |
Hunter-Lab | 57.088, 42.543, 35.92 |
Binary | 11111010, 01110011, 00000000 |
Color Schemes with #fa7300
Alternatives to #fa7300
Below, you can see some colors close to #fa7300. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#fa7300 Preview
This text has a font color of #fa7300.
<span style="color:#fa7300;">Text here</span>
This paragraph has a background color of #fa7300.
<p style="background-color:#fa7300;">Content here</p>
This element has a border color of #fa7300.
<div style="border:1px solid #fa7300;">Content here</div>
.text {color:#fa7300;}
.background {background-color:#fa7300;}
.border {border:1px solid #fa7300;}
Shades and Tints of #fa7300
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, #0f0700 is the darkest color, while #fffcfa is the lightest one.
-
#0f0700
#0f0700
rgb(15,7,0)
-
#221000
#221000
rgb(34,16,0)
-
#361900
#361900
rgb(54,25,0)
-
#492200
#492200
rgb(73,34,0)
-
#5d2b00
#5d2b00
rgb(93,43,0)
-
#713400
#713400
rgb(113,52,0)
-
#843d00
#843d00
rgb(132,61,0)
-
#984600
#984600
rgb(152,70,0)
-
#ac4f00
#ac4f00
rgb(172,79,0)
-
#bf5800
#bf5800
rgb(191,88,0)
-
#d36100
#d36100
rgb(211,97,0)
-
#e66a00
#e66a00
rgb(230,106,0)
-
#fa7300
#fa7300
rgb(250,115,0)
-
#ff7d0f
#ff7d0f
rgb(255,125,15)
-
#ff8822
#ff8822
rgb(255,136,34)
-
#ff9236
#ff9236
rgb(255,146,54)
-
#ff9d49
#ff9d49
rgb(255,157,73)
-
#ffa85d
#ffa85d
rgb(255,168,93)
-
#ffb271
#ffb271
rgb(255,178,113)
-
#ffbd84
#ffbd84
rgb(255,189,132)
-
#ffc798
#ffc798
rgb(255,199,152)
-
#ffd2ac
#ffd2ac
rgb(255,210,172)
-
#ffddbf
#ffddbf
rgb(255,221,191)
-
#ffe7d3
#ffe7d3
rgb(255,231,211)
-
#fff2e6
#fff2e6
rgb(255,242,230)
-
#fffcfa
#fffcfa
rgb(255,252,250)
Tones of #fa7300
A tone is produced by adding gray to any pure hue. In this case, #877c73 is the less saturated color, while #fa7300 is the most saturated one.
-
#877c73
#877c73
rgb(135,124,115)
-
#907b6a
#907b6a
rgb(144,123,106)
-
#9a7b60
#9a7b60
rgb(154,123,96)
-
#a37a57
#a37a57
rgb(163,122,87)
-
#ad794d
#ad794d
rgb(173,121,77)
-
#b77843
#b77843
rgb(183,120,67)
-
#c0783a
#c0783a
rgb(192,120,58)
-
#ca7730
#ca7730
rgb(202,119,48)
-
#d47626
#d47626
rgb(212,118,38)
-
#dd751d
#dd751d
rgb(221,117,29)
-
#e77513
#e77513
rgb(231,117,19)
-
#f0740a
#f0740a
rgb(240,116,10)
-
#fa7300
#fa7300
rgb(250,115,0)
Color Blindness Simulator
Below, you can see how #fa7300 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.