#faac02 Color Information
In a RGB color space, hex #faac02 is composed of 98% red, 67.5% green and 0.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.2% magenta, 99.2% yellow and 2% black. It has a hue angle of 41.1 degrees, a saturation of 98.4% and a lightness of 49.4%. #faac02 color hex could be obtained by blending #ffff04 with #f55900. Closest websafe color is: #ff9900.
-
- R 98
- G 67
- B 1
-
- C 0
- M 31
- Y 99
- K 2
● #faac02 color description : Vivid orange.
#faac02 Color Conversion
The hexadecimal color #faac02 has RGB values of R:250, G:172, B:2 and CMYK values of C:0, M:0.31, Y:0.99, K:0.02. Its decimal value is 16428034.
| Hex triplet | faac02 | #faac02 |
|---|---|---|
| RGB Decimal | 250, 172, 2 | rgb(250,172,2) |
| RGB Percent | 98, 67.5, 0.8 | rgb(98%,67.5%,0.8%) |
| CMYK | 0, 31, 99, 2 | |
| HSL | 41.1°, 98.4, 49.4 | hsl(41.1,98.4%,49.4%) |
| HSV (or HSB) | 41.1°, 99.2, 98 | |
| Web Safe | ff9900 | #ff9900 |
| CIE-LAB | 75.969, 18.18, 79.128 |
|---|---|
| XYZ | 54.189, 49.837, 6.823 |
| xyY | 0.489, 0.45, 49.837 |
| CIE-LCH | 75.969, 81.19, 77.06 |
| CIE-LUV | 75.969, 64.97, 76.226 |
| Hunter-Lab | 70.595, 13.475, 43.686 |
| Binary | 11111010, 10101100, 00000010 |
Color Schemes with #faac02
Alternatives to #faac02
Below, you can see some colors close to #faac02. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#faac02 Preview
This text has a font color of #faac02.
<span style="color:#faac02;">Text here</span>
This paragraph has a background color of #faac02.
<p style="background-color:#faac02;">Content here</p>
This element has a border color of #faac02.
<div style="border:1px solid #faac02;">Content here</div>
.text {color:#faac02;}
.background {background-color:#faac02;}
.border {border:1px solid #faac02;}
Shades and Tints of #faac02
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, #100b00 is the darkest color, while #fffefc is the lightest one.
-
#100b00
#100b00rgb(16,11,0) -
#241900
#241900rgb(36,25,0) -
#372600
#372600rgb(55,38,0) -
#4b3401
#4b3401rgb(75,52,1) -
#5e4101
#5e4101rgb(94,65,1) -
#724e01
#724e01rgb(114,78,1) -
#855c01
#855c01rgb(133,92,1) -
#996901
#996901rgb(153,105,1) -
#ac7601
#ac7601rgb(172,118,1) -
#c08402
#c08402rgb(192,132,2) -
#d39102
#d39102rgb(211,145,2) -
#e79f02
#e79f02rgb(231,159,2) -
#faac02
#faac02rgb(250,172,2)
-
#fdb313
#fdb313rgb(253,179,19) -
#fdba26
#fdba26rgb(253,186,38) -
#fdc039
#fdc039rgb(253,192,57) -
#fec64d
#fec64drgb(254,198,77) -
#fecc60
#fecc60rgb(254,204,96) -
#fed274
#fed274rgb(254,210,116) -
#fed987
#fed987rgb(254,217,135) -
#fedf9b
#fedf9brgb(254,223,155) -
#fee5ae
#fee5aergb(254,229,174) -
#ffebc2
#ffebc2rgb(255,235,194) -
#fff2d5
#fff2d5rgb(255,242,213) -
#fff8e9
#fff8e9rgb(255,248,233) -
#fffefc
#fffefcrgb(255,254,252)
Tones of #faac02
A tone is produced by adding gray to any pure hue. In this case, #868176 is the less saturated color, while #faac02 is the most saturated one.
-
#868176
#868176rgb(134,129,118) -
#8f846d
#8f846drgb(143,132,109) -
#998863
#998863rgb(153,136,99) -
#a38c59
#a38c59rgb(163,140,89) -
#ac8f50
#ac8f50rgb(172,143,80) -
#b69346
#b69346rgb(182,147,70) -
#c0963c
#c0963crgb(192,150,60) -
#ca9a32
#ca9a32rgb(202,154,50) -
#d39e29
#d39e29rgb(211,158,41) -
#dda11f
#dda11frgb(221,161,31) -
#e7a515
#e7a515rgb(231,165,21) -
#f0a80c
#f0a80crgb(240,168,12) -
#faac02
#faac02rgb(250,172,2)
Color Blindness Simulator
Below, you can see how #faac02 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.
