#faaa30 Color Information
In a RGB color space, hex #faaa30 is composed of 98% red, 66.7% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 32% magenta, 80.8% yellow and 2% black. It has a hue angle of 36.2 degrees, a saturation of 95.3% and a lightness of 58.4%. #faaa30 color hex could be obtained by blending #ffff60 with #f55500. Closest websafe color is: #ff9933.
-
- R 98
- G 67
- B 19
-
- C 0
- M 32
- Y 81
- K 2
● #faaa30 color description : Bright orange.
#faaa30 Color Conversion
The hexadecimal color #faaa30 has RGB values of R:250, G:170, B:48 and CMYK values of C:0, M:0.32, Y:0.81, K:0.02. Its decimal value is 16427568.
Hex triplet | faaa30 | #faaa30 |
---|---|---|
RGB Decimal | 250, 170, 48 | rgb(250,170,48) |
RGB Percent | 98, 66.7, 18.8 | rgb(98%,66.7%,18.8%) |
CMYK | 0, 32, 81, 2 | |
HSL | 36.2°, 95.3, 58.4 | hsl(36.2,95.3%,58.4%) |
HSV (or HSB) | 36.2°, 80.8, 98 | |
Web Safe | ff9933 | #ff9933 |
CIE-LAB | 75.632, 20.003, 69.44 |
---|---|
XYZ | 54.334, 49.29, 9.449 |
xyY | 0.481, 0.436, 49.29 |
CIE-LCH | 75.632, 72.264, 73.93 |
CIE-LUV | 75.632, 65.43, 70.119 |
Hunter-Lab | 70.207, 15.28, 41.166 |
Binary | 11111010, 10101010, 00110000 |
Color Schemes with #faaa30
Alternatives to #faaa30
Below, you can see some colors close to #faaa30. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#faaa30 Preview
This text has a font color of #faaa30.
<span style="color:#faaa30;">Text here</span>
This paragraph has a background color of #faaa30.
<p style="background-color:#faaa30;">Content here</p>
This element has a border color of #faaa30.
<div style="border:1px solid #faaa30;">Content here</div>
.text {color:#faaa30;}
.background {background-color:#faaa30;}
.border {border:1px solid #faaa30;}
Shades and Tints of #faaa30
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, #040200 is the darkest color, while #fff9f0 is the lightest one.
-
#040200
#040200
rgb(4,2,0)
-
#170e01
#170e01
rgb(23,14,1)
-
#2a1a01
#2a1a01
rgb(42,26,1)
-
#3d2601
#3d2601
rgb(61,38,1)
-
#503102
#503102
rgb(80,49,2)
-
#633d02
#633d02
rgb(99,61,2)
-
#774903
#774903
rgb(119,73,3)
-
#8a5503
#8a5503
rgb(138,85,3)
-
#9d6004
#9d6004
rgb(157,96,4)
-
#b06c04
#b06c04
rgb(176,108,4)
-
#c37805
#c37805
rgb(195,120,5)
-
#d68405
#d68405
rgb(214,132,5)
-
#ea8f06
#ea8f06
rgb(234,143,6)
-
#f99a0a
#f99a0a
rgb(249,154,10)
-
#faa21d
#faa21d
rgb(250,162,29)
-
#faaa30
#faaa30
rgb(250,170,48)
-
#fab243
#fab243
rgb(250,178,67)
-
#fbba56
#fbba56
rgb(251,186,86)
-
#fbc269
#fbc269
rgb(251,194,105)
-
#fcc97d
#fcc97d
rgb(252,201,125)
-
#fcd190
#fcd190
rgb(252,209,144)
-
#fdd9a3
#fdd9a3
rgb(253,217,163)
-
#fde1b6
#fde1b6
rgb(253,225,182)
-
#fee9c9
#fee9c9
rgb(254,233,201)
-
#fef1dc
#fef1dc
rgb(254,241,220)
-
#fff9f0
#fff9f0
rgb(255,249,240)
Tones of #faaa30
A tone is produced by adding gray to any pure hue. In this case, #989692 is the less saturated color, while #faaa30 is the most saturated one.
-
#989692
#989692
rgb(152,150,146)
-
#a0978a
#a0978a
rgb(160,151,138)
-
#a89982
#a89982
rgb(168,153,130)
-
#b19b79
#b19b79
rgb(177,155,121)
-
#b99c71
#b99c71
rgb(185,156,113)
-
#c19e69
#c19e69
rgb(193,158,105)
-
#c9a061
#c9a061
rgb(201,160,97)
-
#d1a259
#d1a259
rgb(209,162,89)
-
#d9a351
#d9a351
rgb(217,163,81)
-
#e2a548
#e2a548
rgb(226,165,72)
-
#eaa740
#eaa740
rgb(234,167,64)
-
#f2a838
#f2a838
rgb(242,168,56)
-
#faaa30
#faaa30
rgb(250,170,48)
Color Blindness Simulator
Below, you can see how #faaa30 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.