#faad02 Color Information
In a RGB color space, hex #faad02 is composed of 98% red, 67.8% green and 0.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 30.8% magenta, 99.2% yellow and 2% black. It has a hue angle of 41.4 degrees, a saturation of 98.4% and a lightness of 49.4%. #faad02 color hex could be obtained by blending #ffff04 with #f55b00. Closest websafe color is: #ff9900.
-
- R 98
- G 68
- B 1
-
- C 0
- M 31
- Y 99
- K 2
● #faad02 color description : Vivid orange.
#faad02 Color Conversion
The hexadecimal color #faad02 has RGB values of R:250, G:173, B:2 and CMYK values of C:0, M:0.31, Y:0.99, K:0.02. Its decimal value is 16428290.
Hex triplet | faad02 | #faad02 |
---|---|---|
RGB Decimal | 250, 173, 2 | rgb(250,173,2) |
RGB Percent | 98, 67.8, 0.8 | rgb(98%,67.8%,0.8%) |
CMYK | 0, 31, 99, 2 | |
HSL | 41.4°, 98.4, 49.4 | hsl(41.4,98.4%,49.4%) |
HSV (or HSB) | 41.4°, 99.2, 98 | |
Web Safe | ff9900 | #ff9900 |
CIE-LAB | 76.204, 17.656, 79.286 |
---|---|
XYZ | 54.38, 50.219, 6.887 |
xyY | 0.488, 0.45, 50.219 |
CIE-LCH | 76.204, 81.228, 77.445 |
CIE-LUV | 76.204, 64.157, 76.585 |
Hunter-Lab | 70.865, 12.962, 43.844 |
Binary | 11111010, 10101101, 00000010 |
Color Schemes with #faad02
Alternatives to #faad02
Below, you can see some colors close to #faad02. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#faad02 Preview
This text has a font color of #faad02.
<span style="color:#faad02;">Text here</span>
This paragraph has a background color of #faad02.
<p style="background-color:#faad02;">Content here</p>
This element has a border color of #faad02.
<div style="border:1px solid #faad02;">Content here</div>
.text {color:#faad02;}
.background {background-color:#faad02;}
.border {border:1px solid #faad02;}
Shades and Tints of #faad02
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
#100b00
rgb(16,11,0)
-
#241900
#241900
rgb(36,25,0)
-
#372600
#372600
rgb(55,38,0)
-
#4b3401
#4b3401
rgb(75,52,1)
-
#5e4101
#5e4101
rgb(94,65,1)
-
#724f01
#724f01
rgb(114,79,1)
-
#855c01
#855c01
rgb(133,92,1)
-
#996a01
#996a01
rgb(153,106,1)
-
#ac7701
#ac7701
rgb(172,119,1)
-
#c08502
#c08502
rgb(192,133,2)
-
#d39202
#d39202
rgb(211,146,2)
-
#e7a002
#e7a002
rgb(231,160,2)
-
#faad02
#faad02
rgb(250,173,2)
-
#fdb413
#fdb413
rgb(253,180,19)
-
#fdba26
#fdba26
rgb(253,186,38)
-
#fdc139
#fdc139
rgb(253,193,57)
-
#fec74d
#fec74d
rgb(254,199,77)
-
#fecd60
#fecd60
rgb(254,205,96)
-
#fed374
#fed374
rgb(254,211,116)
-
#fed987
#fed987
rgb(254,217,135)
-
#fedf9b
#fedf9b
rgb(254,223,155)
-
#fee5ae
#fee5ae
rgb(254,229,174)
-
#ffecc2
#ffecc2
rgb(255,236,194)
-
#fff2d5
#fff2d5
rgb(255,242,213)
-
#fff8e9
#fff8e9
rgb(255,248,233)
-
#fffefc
#fffefc
rgb(255,254,252)
Tones of #faad02
A tone is produced by adding gray to any pure hue. In this case, #868176 is the less saturated color, while #faad02 is the most saturated one.
-
#868176
#868176
rgb(134,129,118)
-
#8f856d
#8f856d
rgb(143,133,109)
-
#998863
#998863
rgb(153,136,99)
-
#a38c59
#a38c59
rgb(163,140,89)
-
#ac9050
#ac9050
rgb(172,144,80)
-
#b69346
#b69346
rgb(182,147,70)
-
#c0973c
#c0973c
rgb(192,151,60)
-
#ca9b32
#ca9b32
rgb(202,155,50)
-
#d39e29
#d39e29
rgb(211,158,41)
-
#dda21f
#dda21f
rgb(221,162,31)
-
#e7a615
#e7a615
rgb(231,166,21)
-
#f0a90c
#f0a90c
rgb(240,169,12)
-
#faad02
#faad02
rgb(250,173,2)
Color Blindness Simulator
Below, you can see how #faad02 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.