#faf520 hex color

In a RGB color space, hex #faf520 is composed of 98% red, 96.1% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 2% magenta, 87.2% yellow and 2% black. It has a hue angle of 58.6 degrees, a saturation of 95.6% and a lightness of 55.3%. #faf520 color hex could be obtained by blending #ffff40 with #f5eb00. Closest websafe color is: #ffff33.

♥
- f
- t
- g
- R 98
- G 96
- B 13
RGB color chart
- C 0
- M 2
- Y 87
- K 2
CMYK color chart

● #faf520 color description : Vivid yellow.

The hexadecimal color #faf520 has RGB values of R:250, G:245, B:32 and CMYK values of C:0, M:0.02, Y:0.87, K:0.02. Its decimal value is 16446752.

Hex triplet	faf520	`#faf520`
RGB Decimal	250, 245, 32	`rgb(250,245,32)`
RGB Percent	98, 96.1, 12.5	`rgb(98%,96.1%,12.5%)`
CMYK	0, 2, 87, 2
HSL	58.6°, 95.6, 55.3	`hsl(58.6,95.6%,55.3%)`
HSV (or HSB)	58.6°, 87.2, 98
Web Safe	ffff33	`#ffff33`

CIE-LAB	94.199, -18.49, 88.802
XYZ	72.338, 85.735, 14.104
xyY	0.42, 0.498, 85.735
CIE-LCH	94.199, 90.707, 101.762
CIE-LUV	94.199, 10.704, 101.091
Hunter-Lab	92.593, -22.586, 55.784
Binary	11111010, 11110101, 00100000

#faf520
```
#faf520 rgb(250,245,32)
```
#2025fa
```
#2025fa rgb(32,37,250)
```

Complementary Color

#fa8820
```
#fa8820 rgb(250,136,32)
```
#faf520
```
#faf520 rgb(250,245,32)
```
#92fa20
```
#92fa20 rgb(146,250,32)
```

Analogous Color

#8820fa
```
#8820fa rgb(136,32,250)
```
#faf520
```
#faf520 rgb(250,245,32)
```
#2092fa
```
#2092fa rgb(32,146,250)
```

Split Complementary Color

#f520fa
```
#f520fa rgb(245,32,250)
```
#faf520
```
#faf520 rgb(250,245,32)
```
#20faf5
```
#20faf5 rgb(32,250,245)
```

Triadic Color

#fa2025
```
#fa2025 rgb(250,32,37)
```
#faf520
```
#faf520 rgb(250,245,32)
```
#20faf5
```
#20faf5 rgb(32,250,245)
```
#2025fa
```
#2025fa rgb(32,37,250)
```

Tetradic Color

#c9c405
```
#c9c405 rgb(201,196,5)
```
#e2dd05
```
#e2dd05 rgb(226,221,5)
```
#f9f407
```
#f9f407 rgb(249,244,7)
```
#faf520
```
#faf520 rgb(250,245,32)
```
#fbf639
```
#fbf639 rgb(251,246,57)
```
#fbf752
```
#fbf752 rgb(251,247,82)
```
#fcf86b
```
#fcf86b rgb(252,248,107)
```

Monochromatic Color

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

#fabf20
```
#fabf20 rgb(250,191,32)
```
#fad120
```
#fad120 rgb(250,209,32)
```
#fae320
```
#fae320 rgb(250,227,32)
```
#faf520
```
#faf520 rgb(250,245,32)
```
#edfa20
```
#edfa20 rgb(237,250,32)
```
#dbfa20
```
#dbfa20 rgb(219,250,32)
```
#c9fa20
```
#c9fa20 rgb(201,250,32)
```

Similar Colors

Text with hexadecimal color #faf520

This text has a font color of #faf520.

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

#faf520 background color

This paragraph has a background color of #faf520.

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

#faf520 border color

This element has a border color of #faf520.

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

CSS codes

.text {color:#faf520;}

.background {background-color:#faf520;}

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

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, #070700 is the darkest color, while #fffef3 is the lightest one.

#070700
```
#070700 rgb(7,7,0)
```
#1a1a01
```
#1a1a01 rgb(26,26,1)
```
#2e2d01
```
#2e2d01 rgb(46,45,1)
```
#413f01
```
#413f01 rgb(65,63,1)
```
#545202
```
#545202 rgb(84,82,2)
```
#676502
```
#676502 rgb(103,101,2)
```
#7a7803
```
#7a7803 rgb(122,120,3)
```
#8e8a03
```
#8e8a03 rgb(142,138,3)
```
#a19d04
```
#a19d04 rgb(161,157,4)
```
#b4b004
```
#b4b004 rgb(180,176,4)
```
#c7c304
```
#c7c304 rgb(199,195,4)
```
#dad505
```
#dad505 rgb(218,213,5)
```
#ede805
```
#ede805 rgb(237,232,5)
```

Shade Color Variation

#faf40d
```
#faf40d rgb(250,244,13)
```
#faf520
```
#faf520 rgb(250,245,32)
```
#faf633
```
#faf633 rgb(250,246,51)
```
#fbf746
```
#fbf746 rgb(251,247,70)
```
#fbf85a
```
#fbf85a rgb(251,248,90)
```
#fcf86d
```
#fcf86d rgb(252,248,109)
```
#fcf980
```
#fcf980 rgb(252,249,128)
```
#fdfa93
```
#fdfa93 rgb(253,250,147)
```
#fdfba6
```
#fdfba6 rgb(253,251,166)
```
#fdfcb9
```
#fdfcb9 rgb(253,252,185)
```
#fefdcd
```
#fefdcd rgb(254,253,205)
```
#fefee0
```
#fefee0 rgb(254,254,224)
```
#fffef3
```
#fffef3 rgb(255,254,243)
```

Tint Color Variation

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

#919189
```
#919189 rgb(145,145,137)
```
#9a9980
```
#9a9980 rgb(154,153,128)
```
#a2a178
```
#a2a178 rgb(162,161,120)
```
#abaa6f
```
#abaa6f rgb(171,170,111)
```
#b4b266
```
#b4b266 rgb(180,178,102)
```
#bdba5d
```
#bdba5d rgb(189,186,93)
```
#c5c355
```
#c5c355 rgb(197,195,85)
```
#cecb4c
```
#cecb4c rgb(206,203,76)
```
#d7d443
```
#d7d443 rgb(215,212,67)
```
#e0dc3a
```
#e0dc3a rgb(224,220,58)
```
#e8e432
```
#e8e432 rgb(232,228,50)
```
#f1ed29
```
#f1ed29 rgb(241,237,41)
```
#faf520
```
#faf520 rgb(250,245,32)
```

Tone Color Variation

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

#dedede Achromatopsia 0.005% of the population
#e4e3b8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffefb0 Protanopia 1% of men
#ffecd6 Deuteranopia 1% of men
#ffe9f2 Tritanopia 0.001% of the population

Trichromacy

#fdf17b Protanomaly 1% of men, 0.01% of women
#fdef94 Deuteranomaly 6% of men, 0.4% of women
#fdeda6 Tritanomaly 0.01% of the population

#faf520 hex color

#faf520 Color Information

#faf520 Color Conversion

Color Schemes with #faf520

Alternatives to #faf520

#faf520 Preview

Shades and Tints of #faf520

Tones of #faf520

Color Blindness Simulator