#fad301 hex color

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

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

● #fad301 color description : Vivid yellow.

The hexadecimal color #fad301 has RGB values of R:250, G:211, B:1 and CMYK values of C:0, M:0.16, Y:1, K:0.02. Its decimal value is 16438017.

Hex triplet	fad301	`#fad301`
RGB Decimal	250, 211, 1	`rgb(250,211,1)`
RGB Percent	98, 82.7, 0.4	`rgb(98%,82.7%,0.4%)`
CMYK	0, 16, 100, 2
HSL	50.6°, 99.2, 49.2	`hsl(50.6,99.2%,49.2%)`
HSV (or HSB)	50.6°, 99.6, 98
Web Safe	ffcc00	`#ffcc00`

CIE-LAB	85.462, -2.022, 85.792
XYZ	62.725, 66.917, 9.641
xyY	0.45, 0.48, 66.917
CIE-LCH	85.462, 85.815, 91.35
CIE-LUV	85.462, 34.671, 90.507
Hunter-Lab	81.803, -6.285, 50.274
Binary	11111010, 11010011, 00000001

#fad301
```
#fad301 rgb(250,211,1)
```
#0128fa
```
#0128fa rgb(1,40,250)
```

Complementary Color

#fa5701
```
#fa5701 rgb(250,87,1)
```
#fad301
```
#fad301 rgb(250,211,1)
```
#a5fa01
```
#a5fa01 rgb(165,250,1)
```

Analogous Color

#5701fa
```
#5701fa rgb(87,1,250)
```
#fad301
```
#fad301 rgb(250,211,1)
```
#01a5fa
```
#01a5fa rgb(1,165,250)
```

Split Complementary Color

#d301fa
```
#d301fa rgb(211,1,250)
```
#fad301
```
#fad301 rgb(250,211,1)
```
#01fad3
```
#01fad3 rgb(1,250,211)
```

Triadic Color

#fa0128
```
#fa0128 rgb(250,1,40)
```
#fad301
```
#fad301 rgb(250,211,1)
```
#01fad3
```
#01fad3 rgb(1,250,211)
```
#0128fa
```
#0128fa rgb(1,40,250)
```

Tetradic Color

#ae9301
```
#ae9301 rgb(174,147,1)
```
#c7a801
```
#c7a801 rgb(199,168,1)
```
#e1be01
```
#e1be01 rgb(225,190,1)
```
#fad301
```
#fad301 rgb(250,211,1)
```
#feda16
```
#feda16 rgb(254,218,22)
```
#fede30
```
#fede30 rgb(254,222,48)
```
#fee249
```
#fee249 rgb(254,226,73)
```

Monochromatic Color

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

#fa9501
```
#fa9501 rgb(250,149,1)
```
#faaa01
```
#faaa01 rgb(250,170,1)
```
#fabe01
```
#fabe01 rgb(250,190,1)
```
#fad301
```
#fad301 rgb(250,211,1)
```
#fae801
```
#fae801 rgb(250,232,1)
```
#f8fa01
```
#f8fa01 rgb(248,250,1)
```
#e3fa01
```
#e3fa01 rgb(227,250,1)
```

Similar Colors

Text with hexadecimal color #fad301

This text has a font color of #fad301.

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

#fad301 background color

This paragraph has a background color of #fad301.

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

#fad301 border color

This element has a border color of #fad301.

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

CSS codes

.text {color:#fad301;}

.background {background-color:#fad301;}

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

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

#100d00
```
#100d00 rgb(16,13,0)
```
#231e00
```
#231e00 rgb(35,30,0)
```
#372e00
```
#372e00 rgb(55,46,0)
```
#4a3f00
```
#4a3f00 rgb(74,63,0)
```
#5e4f00
```
#5e4f00 rgb(94,79,0)
```
#716000
```
#716000 rgb(113,96,0)
```
#857001
```
#857001 rgb(133,112,1)
```
#988101
```
#988101 rgb(152,129,1)
```
#ac9101
```
#ac9101 rgb(172,145,1)
```
#bfa201
```
#bfa201 rgb(191,162,1)
```
#d3b201
```
#d3b201 rgb(211,178,1)
```
#e6c301
```
#e6c301 rgb(230,195,1)
```
#fad301
```
#fad301 rgb(250,211,1)
```

Shade Color Variation

#fed911
```
#fed911 rgb(254,217,17)
```
#fedc24
```
#fedc24 rgb(254,220,36)
```
#fedf38
```
#fedf38 rgb(254,223,56)
```
#fee24b
```
#fee24b rgb(254,226,75)
```
#fee55f
```
#fee55f rgb(254,229,95)
```
#fee872
```
#fee872 rgb(254,232,114)
```
#ffec86
```
#ffec86 rgb(255,236,134)
```
#ffef99
```
#ffef99 rgb(255,239,153)
```
#fff2ad
```
#fff2ad rgb(255,242,173)
```
#fff5c0
```
#fff5c0 rgb(255,245,192)
```
#fff8d4
```
#fff8d4 rgb(255,248,212)
```
#fffbe7
```
#fffbe7 rgb(255,251,231)
```
#fffefb
```
#fffefb rgb(255,254,251)
```

Tint Color Variation

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

#868375
```
#868375 rgb(134,131,117)
```
#908a6b
```
#908a6b rgb(144,138,107)
```
#999162
```
#999162 rgb(153,145,98)
```
#a39758
```
#a39758 rgb(163,151,88)
```
#ad9e4e
```
#ad9e4e rgb(173,158,78)
```
#b6a545
```
#b6a545 rgb(182,165,69)
```
#c0ab3b
```
#c0ab3b rgb(192,171,59)
```
#cab231
```
#cab231 rgb(202,178,49)
```
#d3b828
```
#d3b828 rgb(211,184,40)
```
#ddbf1e
```
#ddbf1e rgb(221,191,30)
```
#e7c614
```
#e7c614 rgb(231,198,20)
```
#f0cc0b
```
#f0cc0b rgb(240,204,11)
```
#fad301
```
#fad301 rgb(250,211,1)
```

Tone Color Variation

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

#c7c7c7 Achromatopsia 0.005% of the population
#d1c99f Atypical Achromatopsia 0.001% of the population

Dichromacy

#f2d80c Protanopia 1% of men
#ffd084 Deuteranopia 1% of men
#ffcad5 Tritanopia 0.001% of the population

Trichromacy

#f5d608 Protanomaly 1% of men, 0.01% of women
#fdd154 Deuteranomaly 6% of men, 0.4% of women
#fdcd88 Tritanomaly 0.01% of the population

#fad301 hex color

#fad301 Color Information

#fad301 Color Conversion

Color Schemes with #fad301

Alternatives to #fad301

#fad301 Preview

Shades and Tints of #fad301

Tones of #fad301

Color Blindness Simulator