#faf301 hex color

In a RGB color space, hex #faf301 is composed of 98% red, 95.3% green and 0.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 2.8% magenta, 99.6% yellow and 2% black. It has a hue angle of 58.3 degrees, a saturation of 99.2% and a lightness of 49.2%. #faf301 color hex could be obtained by blending #ffff02 with #f5e700. Closest websafe color is: #ffff00.

♥
- f
- t
- g
- R 98
- G 95
- B 0
RGB color chart
- C 0
- M 3
- Y 100
- K 2
CMYK color chart

● #faf301 color description : Vivid yellow.

The hexadecimal color #faf301 has RGB values of R:250, G:243, B:1 and CMYK values of C:0, M:0.03, Y:1, K:0.02. Its decimal value is 16446209.

Hex triplet	faf301	`#faf301`
RGB Decimal	250, 243, 1	`rgb(250,243,1)`
RGB Percent	98, 95.3, 0.4	`rgb(98%,95.3%,0.4%)`
CMYK	0, 3, 100, 2
HSL	58.3°, 99.2, 49.2	`hsl(58.3,99.2%,49.2%)`
HSV (or HSB)	58.3°, 99.6, 98
Web Safe	ffff00	`#ffff00`

CIE-LAB	93.636, -17.876, 91.67
XYZ	71.481, 84.429, 12.56
xyY	0.424, 0.501, 84.429
CIE-LCH	93.636, 93.397, 101.034
CIE-LUV	93.636, 12.19, 102.313
Hunter-Lab	91.885, -21.938, 56.215
Binary	11111010, 11110011, 00000001

#faf301
```
#faf301 rgb(250,243,1)
```
#0108fa
```
#0108fa rgb(1,8,250)
```

Complementary Color

#fa7701
```
#fa7701 rgb(250,119,1)
```
#faf301
```
#faf301 rgb(250,243,1)
```
#85fa01
```
#85fa01 rgb(133,250,1)
```

Analogous Color

#7701fa
```
#7701fa rgb(119,1,250)
```
#faf301
```
#faf301 rgb(250,243,1)
```
#0185fa
```
#0185fa rgb(1,133,250)
```

Split Complementary Color

#f301fa
```
#f301fa rgb(243,1,250)
```
#faf301
```
#faf301 rgb(250,243,1)
```
#01faf3
```
#01faf3 rgb(1,250,243)
```

Triadic Color

#fa0108
```
#fa0108 rgb(250,1,8)
```
#faf301
```
#faf301 rgb(250,243,1)
```
#01faf3
```
#01faf3 rgb(1,250,243)
```
#0108fa
```
#0108fa rgb(1,8,250)
```

Tetradic Color

#aea901
```
#aea901 rgb(174,169,1)
```
#c7c201
```
#c7c201 rgb(199,194,1)
```
#e1da01
```
#e1da01 rgb(225,218,1)
```
#faf301
```
#faf301 rgb(250,243,1)
```
#fef816
```
#fef816 rgb(254,248,22)
```
#fef830
```
#fef830 rgb(254,248,48)
```
#fef949
```
#fef949 rgb(254,249,73)
```

Monochromatic Color

Below, you can see some colors close to #faf301. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#fab501
```
#fab501 rgb(250,181,1)
```
#faca01
```
#faca01 rgb(250,202,1)
```
#fade01
```
#fade01 rgb(250,222,1)
```
#faf301
```
#faf301 rgb(250,243,1)
```
#ecfa01
```
#ecfa01 rgb(236,250,1)
```
#d8fa01
```
#d8fa01 rgb(216,250,1)
```
#c3fa01
```
#c3fa01 rgb(195,250,1)
```

Similar Colors

Text with hexadecimal color #faf301

This text has a font color of #faf301.

<span style="color:#faf301;">Text here</span>

#faf301 background color

This paragraph has a background color of #faf301.

<p style="background-color:#faf301;">Content here</p>

#faf301 border color

This element has a border color of #faf301.

<div style="border:1px solid #faf301;">Content here</div>

CSS codes

.text {color:#faf301;}

.background {background-color:#faf301;}

.border {border:1px solid #faf301;}

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, #100f00 is the darkest color, while #fffffb is the lightest one.

#100f00
```
#100f00 rgb(16,15,0)
```
#232200
```
#232200 rgb(35,34,0)
```
#373500
```
#373500 rgb(55,53,0)
```
#4a4800
```
#4a4800 rgb(74,72,0)
```
#5e5b00
```
#5e5b00 rgb(94,91,0)
```
#716e00
```
#716e00 rgb(113,110,0)
```
#858101
```
#858101 rgb(133,129,1)
```
#989401
```
#989401 rgb(152,148,1)
```
#aca701
```
#aca701 rgb(172,167,1)
```
#bfba01
```
#bfba01 rgb(191,186,1)
```
#d3cd01
```
#d3cd01 rgb(211,205,1)
```
#e6e001
```
#e6e001 rgb(230,224,1)
```
#faf301
```
#faf301 rgb(250,243,1)
```

Shade Color Variation

#fef711
```
#fef711 rgb(254,247,17)
```
#fef824
```
#fef824 rgb(254,248,36)
```
#fef938
```
#fef938 rgb(254,249,56)
```
#fef94b
```
#fef94b rgb(254,249,75)
```
#fefa5f
```
#fefa5f rgb(254,250,95)
```
#fefa72
```
#fefa72 rgb(254,250,114)
```
#fffb86
```
#fffb86 rgb(255,251,134)
```
#fffc99
```
#fffc99 rgb(255,252,153)
```
#fffcad
```
#fffcad rgb(255,252,173)
```
#fffdc0
```
#fffdc0 rgb(255,253,192)
```
#fffed4
```
#fffed4 rgb(255,254,212)
```
#fffee7
```
#fffee7 rgb(255,254,231)
```
#fffffb
```
#fffffb rgb(255,255,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #868675 is the less saturated color, while #faf301 is the most saturated one.

#868675
```
#868675 rgb(134,134,117)
```
#908f6b
```
#908f6b rgb(144,143,107)
```
#999862
```
#999862 rgb(153,152,98)
```
#a3a158
```
#a3a158 rgb(163,161,88)
```
#adaa4e
```
#adaa4e rgb(173,170,78)
```
#b6b345
```
#b6b345 rgb(182,179,69)
```
#c0bc3b
```
#c0bc3b rgb(192,188,59)
```
#cac531
```
#cac531 rgb(202,197,49)
```
#d3cf28
```
#d3cf28 rgb(211,207,40)
```
#ddd81e
```
#ddd81e rgb(221,216,30)
```
#e7e114
```
#e7e114 rgb(231,225,20)
```
#f0ea0b
```
#f0ea0b rgb(240,234,11)
```
#faf301
```
#faf301 rgb(250,243,1)
```

Tone Color Variation

Below, you can see how #faf301 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.

Monochromacy

#dadada Achromatopsia 0.005% of the population
#e0dfaf Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffeda6 Protanopia 1% of men
#ffead2 Deuteranopia 1% of men
#ffe7f0 Tritanopia 0.001% of the population

Trichromacy

#fdef6a Protanomaly 1% of men, 0.01% of women
#fded86 Deuteranomaly 6% of men, 0.4% of women
#fdeb99 Tritanomaly 0.01% of the population

#faf301 hex color

#faf301 Color Information

#faf301 Color Conversion

Color Schemes with #faf301

Alternatives to #faf301

#faf301 Preview

Shades and Tints of #faf301

Tones of #faf301

Color Blindness Simulator