#fa6a2e Color Information
In a RGB color space, hex #fa6a2e is composed of 98% red, 41.6% green and 18% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 57.6% magenta, 81.6% yellow and 2% black. It has a hue angle of 17.6 degrees, a saturation of 95.3% and a lightness of 58%. #fa6a2e color hex could be obtained by blending #ffd45c with #f50000. Closest websafe color is: #ff6633.
-
- R 98
- G 42
- B 18
-
- C 0
- M 58
- Y 82
- K 2
● #fa6a2e color description : Bright orange.
#fa6a2e Color Conversion
The hexadecimal color #fa6a2e has RGB values of R:250, G:106, B:46 and CMYK values of C:0, M:0.58, Y:0.82, K:0.02. Its decimal value is 16411182.
| Hex triplet | fa6a2e | #fa6a2e |
|---|---|---|
| RGB Decimal | 250, 106, 46 | rgb(250,106,46) |
| RGB Percent | 98, 41.6, 18 | rgb(98%,41.6%,18%) |
| CMYK | 0, 58, 82, 2 | |
| HSL | 17.6°, 95.3, 58 | hsl(17.6,95.3%,58%) |
| HSV (or HSB) | 17.6°, 81.6, 98 | |
| Web Safe | ff6633 | #ff6633 |
| CIE-LAB | 62.367, 52.12, 58.327 |
|---|---|
| XYZ | 45.073, 30.834, 6.163 |
| xyY | 0.549, 0.376, 30.834 |
| CIE-LCH | 62.367, 78.221, 48.217 |
| CIE-LUV | 62.367, 117.462, 47.973 |
| Hunter-Lab | 55.528, 47.717, 32.29 |
| Binary | 11111010, 01101010, 00101110 |
Color Schemes with #fa6a2e
Alternatives to #fa6a2e
Below, you can see some colors close to #fa6a2e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#fa6a2e Preview
This text has a font color of #fa6a2e.
<span style="color:#fa6a2e;">Text here</span>
This paragraph has a background color of #fa6a2e.
<p style="background-color:#fa6a2e;">Content here</p>
This element has a border color of #fa6a2e.
<div style="border:1px solid #fa6a2e;">Content here</div>
.text {color:#fa6a2e;}
.background {background-color:#fa6a2e;}
.border {border:1px solid #fa6a2e;}
Shades and Tints of #fa6a2e
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, #020100 is the darkest color, while #fff3ee is the lightest one.
-
#020100
#020100rgb(2,1,0) -
#150600
#150600rgb(21,6,0) -
#280c01
#280c01rgb(40,12,1) -
#3b1201
#3b1201rgb(59,18,1) -
#4e1802
#4e1802rgb(78,24,2) -
#621e02
#621e02rgb(98,30,2) -
#752403
#752403rgb(117,36,3) -
#882a03
#882a03rgb(136,42,3) -
#9b3004
#9b3004rgb(155,48,4) -
#ae3604
#ae3604rgb(174,54,4) -
#c13c05
#c13c05rgb(193,60,5) -
#d44205
#d44205rgb(212,66,5) -
#e84806
#e84806rgb(232,72,6)
-
#f94f08
#f94f08rgb(249,79,8) -
#fa5c1b
#fa5c1brgb(250,92,27) -
#fa6a2e
#fa6a2ergb(250,106,46) -
#fa7841
#fa7841rgb(250,120,65) -
#fb8554
#fb8554rgb(251,133,84) -
#fb9367
#fb9367rgb(251,147,103) -
#fca17b
#fca17brgb(252,161,123) -
#fcae8e
#fcae8ergb(252,174,142) -
#fdbca1
#fdbca1rgb(253,188,161) -
#fdcab4
#fdcab4rgb(253,202,180) -
#fed7c7
#fed7c7rgb(254,215,199) -
#fee5da
#fee5dargb(254,229,218) -
#fff3ee
#fff3eergb(255,243,238)
Tones of #fa6a2e
A tone is produced by adding gray to any pure hue. In this case, #979391 is the less saturated color, while #fa6a2e is the most saturated one.
-
#979391
#979391rgb(151,147,145) -
#9f8f89
#9f8f89rgb(159,143,137) -
#a88c80
#a88c80rgb(168,140,128) -
#b08978
#b08978rgb(176,137,120) -
#b88570
#b88570rgb(184,133,112) -
#c08268
#c08268rgb(192,130,104) -
#c97e5f
#c97e5frgb(201,126,95) -
#d17b57
#d17b57rgb(209,123,87) -
#d9784f
#d9784frgb(217,120,79) -
#e17447
#e17447rgb(225,116,71) -
#ea713e
#ea713ergb(234,113,62) -
#f26d36
#f26d36rgb(242,109,54) -
#fa6a2e
#fa6a2ergb(250,106,46)
Color Blindness Simulator
Below, you can see how #fa6a2e 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.
