#fa5e02 Color Information
In a RGB color space, hex #fa5e02 is composed of 98% red, 36.9% green and 0.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 62.4% magenta, 99.2% yellow and 2% black. It has a hue angle of 22.3 degrees, a saturation of 98.4% and a lightness of 49.4%. #fa5e02 color hex could be obtained by blending #ffbc04 with #f50000. Closest websafe color is: #ff6600.
-
- R 98
- G 37
- B 1
-
- C 0
- M 62
- Y 99
- K 2
● #fa5e02 color description : Vivid orange.
#fa5e02 Color Conversion
The hexadecimal color #fa5e02 has RGB values of R:250, G:94, B:2 and CMYK values of C:0, M:0.62, Y:0.99, K:0.02. Its decimal value is 16408066.
| Hex triplet | fa5e02 | #fa5e02 |
|---|---|---|
| RGB Decimal | 250, 94, 2 | rgb(250,94,2) |
| RGB Percent | 98, 36.9, 0.8 | rgb(98%,36.9%,0.8%) |
| CMYK | 0, 62, 99, 2 | |
| HSL | 22.3°, 98.4, 49.4 | hsl(22.3,98.4%,49.4%) |
| HSV (or HSB) | 22.3°, 99.2, 98 | |
| Web Safe | ff6600 | #ff6600 |
| CIE-LAB | 60.193, 56.722, 69.392 |
|---|---|
| XYZ | 43.44, 28.339, 3.24 |
| xyY | 0.579, 0.378, 28.339 |
| CIE-LCH | 60.193, 89.625, 50.737 |
| CIE-LUV | 60.193, 129.501, 50.839 |
| Hunter-Lab | 53.234, 52.5, 33.655 |
| Binary | 11111010, 01011110, 00000010 |
Color Schemes with #fa5e02
Alternatives to #fa5e02
Below, you can see some colors close to #fa5e02. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#fa5e02 Preview
This text has a font color of #fa5e02.
<span style="color:#fa5e02;">Text here</span>
This paragraph has a background color of #fa5e02.
<p style="background-color:#fa5e02;">Content here</p>
This element has a border color of #fa5e02.
<div style="border:1px solid #fa5e02;">Content here</div>
.text {color:#fa5e02;}
.background {background-color:#fa5e02;}
.border {border:1px solid #fa5e02;}
Shades and Tints of #fa5e02
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, #100600 is the darkest color, while #fffdfc is the lightest one.
-
#100600
#100600rgb(16,6,0) -
#240e00
#240e00rgb(36,14,0) -
#371500
#371500rgb(55,21,0) -
#4b1c01
#4b1c01rgb(75,28,1) -
#5e2301
#5e2301rgb(94,35,1) -
#722b01
#722b01rgb(114,43,1) -
#853201
#853201rgb(133,50,1) -
#993901
#993901rgb(153,57,1) -
#ac4101
#ac4101rgb(172,65,1) -
#c04802
#c04802rgb(192,72,2) -
#d34f02
#d34f02rgb(211,79,2) -
#e75702
#e75702rgb(231,87,2) -
#fa5e02
#fa5e02rgb(250,94,2)
-
#fd6a13
#fd6a13rgb(253,106,19) -
#fd7626
#fd7626rgb(253,118,38) -
#fd8239
#fd8239rgb(253,130,57) -
#fe8e4d
#fe8e4drgb(254,142,77) -
#fe9b60
#fe9b60rgb(254,155,96) -
#fea774
#fea774rgb(254,167,116) -
#feb387
#feb387rgb(254,179,135) -
#fec09b
#fec09brgb(254,192,155) -
#feccae
#feccaergb(254,204,174) -
#ffd8c2
#ffd8c2rgb(255,216,194) -
#ffe5d5
#ffe5d5rgb(255,229,213) -
#fff1e9
#fff1e9rgb(255,241,233) -
#fffdfc
#fffdfcrgb(255,253,252)
Tones of #fa5e02
A tone is produced by adding gray to any pure hue. In this case, #867c76 is the less saturated color, while #fa5e02 is the most saturated one.
-
#867c76
#867c76rgb(134,124,118) -
#8f7a6d
#8f7a6drgb(143,122,109) -
#997763
#997763rgb(153,119,99) -
#a37559
#a37559rgb(163,117,89) -
#ac7250
#ac7250rgb(172,114,80) -
#b67046
#b67046rgb(182,112,70) -
#c06d3c
#c06d3crgb(192,109,60) -
#ca6b32
#ca6b32rgb(202,107,50) -
#d36829
#d36829rgb(211,104,41) -
#dd661f
#dd661frgb(221,102,31) -
#e76315
#e76315rgb(231,99,21) -
#f0610c
#f0610crgb(240,97,12) -
#fa5e02
#fa5e02rgb(250,94,2)
Color Blindness Simulator
Below, you can see how #fa5e02 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.
