#fa6a30 Color Information
In a RGB color space, hex #fa6a30 is composed of 98% red, 41.6% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 57.6% magenta, 80.8% yellow and 2% black. It has a hue angle of 17.2 degrees, a saturation of 95.3% and a lightness of 58.4%. #fa6a30 color hex could be obtained by blending #ffd460 with #f50000. Closest websafe color is: #ff6633.
-
- R 98
- G 42
- B 19
-
- C 0
- M 58
- Y 81
- K 2
● #fa6a30 color description : Bright orange.
#fa6a30 Color Conversion
The hexadecimal color #fa6a30 has RGB values of R:250, G:106, B:48 and CMYK values of C:0, M:0.58, Y:0.81, K:0.02. Its decimal value is 16411184.
Hex triplet | fa6a30 | #fa6a30 |
---|---|---|
RGB Decimal | 250, 106, 48 | rgb(250,106,48) |
RGB Percent | 98, 41.6, 18.8 | rgb(98%,41.6%,18.8%) |
CMYK | 0, 58, 81, 2 | |
HSL | 17.2°, 95.3, 58.4 | hsl(17.2,95.3%,58.4%) |
HSV (or HSB) | 17.2°, 80.8, 98 | |
Web Safe | ff6633 | #ff6633 |
CIE-LAB | 62.381, 52.177, 57.477 |
---|---|
XYZ | 45.114, 30.85, 6.375 |
xyY | 0.548, 0.375, 30.85 |
CIE-LCH | 62.381, 77.628, 47.767 |
CIE-LUV | 62.381, 117.251, 47.461 |
Hunter-Lab | 55.543, 47.783, 32.075 |
Binary | 11111010, 01101010, 00110000 |
Color Schemes with #fa6a30
Alternatives to #fa6a30
Below, you can see some colors close to #fa6a30. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#fa6a30 Preview
This text has a font color of #fa6a30.
<span style="color:#fa6a30;">Text here</span>
This paragraph has a background color of #fa6a30.
<p style="background-color:#fa6a30;">Content here</p>
This element has a border color of #fa6a30.
<div style="border:1px solid #fa6a30;">Content here</div>
.text {color:#fa6a30;}
.background {background-color:#fa6a30;}
.border {border:1px solid #fa6a30;}
Shades and Tints of #fa6a30
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, #040100 is the darkest color, while #fff4f0 is the lightest one.
-
#040100
#040100
rgb(4,1,0)
-
#170701
#170701
rgb(23,7,1)
-
#2a0d01
#2a0d01
rgb(42,13,1)
-
#3d1301
#3d1301
rgb(61,19,1)
-
#501802
#501802
rgb(80,24,2)
-
#631e02
#631e02
rgb(99,30,2)
-
#772403
#772403
rgb(119,36,3)
-
#8a2a03
#8a2a03
rgb(138,42,3)
-
#9d3004
#9d3004
rgb(157,48,4)
-
#b03604
#b03604
rgb(176,54,4)
-
#c33b05
#c33b05
rgb(195,59,5)
-
#d64105
#d64105
rgb(214,65,5)
-
#ea4706
#ea4706
rgb(234,71,6)
-
#f94e0a
#f94e0a
rgb(249,78,10)
-
#fa5c1d
#fa5c1d
rgb(250,92,29)
-
#fa6a30
#fa6a30
rgb(250,106,48)
-
#fa7843
#fa7843
rgb(250,120,67)
-
#fb8656
#fb8656
rgb(251,134,86)
-
#fb9369
#fb9369
rgb(251,147,105)
-
#fca17d
#fca17d
rgb(252,161,125)
-
#fcaf90
#fcaf90
rgb(252,175,144)
-
#fdbda3
#fdbda3
rgb(253,189,163)
-
#fdcbb6
#fdcbb6
rgb(253,203,182)
-
#fed8c9
#fed8c9
rgb(254,216,201)
-
#fee6dc
#fee6dc
rgb(254,230,220)
-
#fff4f0
#fff4f0
rgb(255,244,240)
Tones of #fa6a30
A tone is produced by adding gray to any pure hue. In this case, #989492 is the less saturated color, while #fa6a30 is the most saturated one.
-
#989492
#989492
rgb(152,148,146)
-
#a0908a
#a0908a
rgb(160,144,138)
-
#a88d82
#a88d82
rgb(168,141,130)
-
#b18979
#b18979
rgb(177,137,121)
-
#b98671
#b98671
rgb(185,134,113)
-
#c18269
#c18269
rgb(193,130,105)
-
#c97f61
#c97f61
rgb(201,127,97)
-
#d17b59
#d17b59
rgb(209,123,89)
-
#d97851
#d97851
rgb(217,120,81)
-
#e27448
#e27448
rgb(226,116,72)
-
#ea7140
#ea7140
rgb(234,113,64)
-
#f26d38
#f26d38
rgb(242,109,56)
-
#fa6a30
#fa6a30
rgb(250,106,48)
Color Blindness Simulator
Below, you can see how #fa6a30 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.