#faf304 Color Information
In a RGB color space, hex #faf304 is composed of 98% red, 95.3% green and 1.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 2.8% magenta, 98.4% yellow and 2% black. It has a hue angle of 58.3 degrees, a saturation of 96.9% and a lightness of 49.8%. #faf304 color hex could be obtained by blending #ffff08 with #f5e700. Closest websafe color is: #ffff00.
-
- R 98
- G 95
- B 2
-
- C 0
- M 3
- Y 98
- K 2
● #faf304 color description : Vivid yellow.
#faf304 Color Conversion
The hexadecimal color #faf304 has RGB values of R:250, G:243, B:4 and CMYK values of C:0, M:0.03, Y:0.98, K:0.02. Its decimal value is 16446212.
Hex triplet | faf304 | #faf304 |
---|---|---|
RGB Decimal | 250, 243, 4 | rgb(250,243,4) |
RGB Percent | 98, 95.3, 1.6 | rgb(98%,95.3%,1.6%) |
CMYK | 0, 3, 98, 2 | |
HSL | 58.3°, 96.9, 49.8 | hsl(58.3,96.9%,49.8%) |
HSV (or HSB) | 58.3°, 98.4, 98 | |
Web Safe | ffff00 | #ffff00 |
CIE-LAB | 93.639, -17.853, 91.452 |
---|---|
XYZ | 71.497, 84.436, 12.646 |
xyY | 0.424, 0.501, 84.436 |
CIE-LCH | 93.639, 93.179, 101.046 |
CIE-LUV | 93.639, 12.18, 102.185 |
Hunter-Lab | 91.889, -21.917, 56.162 |
Binary | 11111010, 11110011, 00000100 |
Color Schemes with #faf304
Alternatives to #faf304
Below, you can see some colors close to #faf304. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#faf304 Preview
This text has a font color of #faf304.
<span style="color:#faf304;">Text here</span>
This paragraph has a background color of #faf304.
<p style="background-color:#faf304;">Content here</p>
This element has a border color of #faf304.
<div style="border:1px solid #faf304;">Content here</div>
.text {color:#faf304;}
.background {background-color:#faf304;}
.border {border:1px solid #faf304;}
Shades and Tints of #faf304
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, #121200 is the darkest color, while #fffffe is the lightest one.
-
#121200
#121200
rgb(18,18,0)
-
#262501
#262501
rgb(38,37,1)
-
#393701
#393701
rgb(57,55,1)
-
#4c4a01
#4c4a01
rgb(76,74,1)
-
#605d02
#605d02
rgb(96,93,2)
-
#737002
#737002
rgb(115,112,2)
-
#868202
#868202
rgb(134,130,2)
-
#999502
#999502
rgb(153,149,2)
-
#ada803
#ada803
rgb(173,168,3)
-
#c0bb03
#c0bb03
rgb(192,187,3)
-
#d3cd03
#d3cd03
rgb(211,205,3)
-
#e7e004
#e7e004
rgb(231,224,4)
-
#faf304
#faf304
rgb(250,243,4)
-
#fbf516
#fbf516
rgb(251,245,22)
-
#fcf62a
#fcf62a
rgb(252,246,42)
-
#fcf63d
#fcf63d
rgb(252,246,61)
-
#fcf750
#fcf750
rgb(252,247,80)
-
#fdf864
#fdf864
rgb(253,248,100)
-
#fdf977
#fdf977
rgb(253,249,119)
-
#fdfa8a
#fdfa8a
rgb(253,250,138)
-
#fdfb9d
#fdfb9d
rgb(253,251,157)
-
#fefcb1
#fefcb1
rgb(254,252,177)
-
#fefcc4
#fefcc4
rgb(254,252,196)
-
#fefdd7
#fefdd7
rgb(254,253,215)
-
#fffeeb
#fffeeb
rgb(255,254,235)
-
#fffffe
#fffffe
rgb(255,255,254)
Tones of #faf304
A tone is produced by adding gray to any pure hue. In this case, #858479 is the less saturated color, while #faf304 is the most saturated one.
-
#858479
#858479
rgb(133,132,121)
-
#8f8e6f
#8f8e6f
rgb(143,142,111)
-
#989766
#989766
rgb(152,151,102)
-
#a2a05c
#a2a05c
rgb(162,160,92)
-
#aca952
#aca952
rgb(172,169,82)
-
#b6b348
#b6b348
rgb(182,179,72)
-
#bfbc3f
#bfbc3f
rgb(191,188,63)
-
#c9c535
#c9c535
rgb(201,197,53)
-
#d3ce2b
#d3ce2b
rgb(211,206,43)
-
#ddd721
#ddd721
rgb(221,215,33)
-
#e6e118
#e6e118
rgb(230,225,24)
-
#f0ea0e
#f0ea0e
rgb(240,234,14)
-
#faf304
#faf304
rgb(250,243,4)
Color Blindness Simulator
Below, you can see how #faf304 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.