#faf620 hex color

In a RGB color space, hex #faf620 is composed of 98% red, 96.5% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 1.6% magenta, 87.2% yellow and 2% black. It has a hue angle of 58.9 degrees, a saturation of 95.6% and a lightness of 55.3%. #faf620 color hex could be obtained by blending #ffff40 with #f5ed00. 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

● #faf620 color description : Vivid yellow.

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

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

CIE-LAB	94.458, -18.97, 89.008
XYZ	72.641, 86.341, 14.206
xyY	0.419, 0.499, 86.341
CIE-LCH	94.458, 91.007, 102.031
CIE-LUV	94.458, 10.044, 101.467
Hunter-Lab	92.92, -23.066, 55.98
Binary	11111010, 11110110, 00100000

#faf620
```
#faf620 rgb(250,246,32)
```
#2024fa
```
#2024fa rgb(32,36,250)
```

Complementary Color

#fa8920
```
#fa8920 rgb(250,137,32)
```
#faf620
```
#faf620 rgb(250,246,32)
```
#91fa20
```
#91fa20 rgb(145,250,32)
```

Analogous Color

#8920fa
```
#8920fa rgb(137,32,250)
```
#faf620
```
#faf620 rgb(250,246,32)
```
#2091fa
```
#2091fa rgb(32,145,250)
```

Split Complementary Color

#f620fa
```
#f620fa rgb(246,32,250)
```
#faf620
```
#faf620 rgb(250,246,32)
```
#20faf6
```
#20faf6 rgb(32,250,246)
```

Triadic Color

#fa2024
```
#fa2024 rgb(250,32,36)
```
#faf620
```
#faf620 rgb(250,246,32)
```
#20faf6
```
#20faf6 rgb(32,250,246)
```
#2024fa
```
#2024fa rgb(32,36,250)
```

Tetradic Color

#c9c505
```
#c9c505 rgb(201,197,5)
```
#e2de05
```
#e2de05 rgb(226,222,5)
```
#f9f507
```
#f9f507 rgb(249,245,7)
```
#faf620
```
#faf620 rgb(250,246,32)
```
#fbf739
```
#fbf739 rgb(251,247,57)
```
#fbf852
```
#fbf852 rgb(251,248,82)
```
#fcf96b
```
#fcf96b rgb(252,249,107)
```

Monochromatic Color

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

#fac020
```
#fac020 rgb(250,192,32)
```
#fad220
```
#fad220 rgb(250,210,32)
```
#fae420
```
#fae420 rgb(250,228,32)
```
#faf620
```
#faf620 rgb(250,246,32)
```
#ecfa20
```
#ecfa20 rgb(236,250,32)
```
#dafa20
```
#dafa20 rgb(218,250,32)
```
#c8fa20
```
#c8fa20 rgb(200,250,32)
```

Similar Colors

Text with hexadecimal color #faf620

This text has a font color of #faf620.

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

#faf620 background color

This paragraph has a background color of #faf620.

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

#faf620 border color

This element has a border color of #faf620.

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

CSS codes

.text {color:#faf620;}

.background {background-color:#faf620;}

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

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 #fffff3 is the lightest one.

#070700
```
#070700 rgb(7,7,0)
```
#1a1a01
```
#1a1a01 rgb(26,26,1)
```
#2e2d01
```
#2e2d01 rgb(46,45,1)
```
#414001
```
#414001 rgb(65,64,1)
```
#545202
```
#545202 rgb(84,82,2)
```
#676502
```
#676502 rgb(103,101,2)
```
#7a7803
```
#7a7803 rgb(122,120,3)
```
#8e8b03
```
#8e8b03 rgb(142,139,3)
```
#a19e04
```
#a19e04 rgb(161,158,4)
```
#b4b104
```
#b4b104 rgb(180,177,4)
```
#c7c404
```
#c7c404 rgb(199,196,4)
```
#dad605
```
#dad605 rgb(218,214,5)
```
#ede905
```
#ede905 rgb(237,233,5)
```

Shade Color Variation

#faf50d
```
#faf50d rgb(250,245,13)
```
#faf620
```
#faf620 rgb(250,246,32)
```
#faf733
```
#faf733 rgb(250,247,51)
```
#fbf846
```
#fbf846 rgb(251,248,70)
```
#fbf85a
```
#fbf85a rgb(251,248,90)
```
#fcf96d
```
#fcf96d rgb(252,249,109)
```
#fcfa80
```
#fcfa80 rgb(252,250,128)
```
#fdfb93
```
#fdfb93 rgb(253,251,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)
```
#fffff3
```
#fffff3 rgb(255,255,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 #faf620 is the most saturated one.

#919189
```
#919189 rgb(145,145,137)
```
#9a9980
```
#9a9980 rgb(154,153,128)
```
#a2a278
```
#a2a278 rgb(162,162,120)
```
#abaa6f
```
#abaa6f rgb(171,170,111)
```
#b4b266
```
#b4b266 rgb(180,178,102)
```
#bdbb5d
```
#bdbb5d rgb(189,187,93)
```
#c5c355
```
#c5c355 rgb(197,195,85)
```
#cecc4c
```
#cecc4c rgb(206,204,76)
```
#d7d443
```
#d7d443 rgb(215,212,67)
```
#e0dd3a
```
#e0dd3a rgb(224,221,58)
```
#e8e532
```
#e8e532 rgb(232,229,50)
```
#f1ee29
```
#f1ee29 rgb(241,238,41)
```
#faf620
```
#faf620 rgb(250,246,32)
```

Tone Color Variation

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

#dfdfdf Achromatopsia 0.005% of the population
#e4e4b9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#fff0b4 Protanopia 1% of men
#ffedd8 Deuteranopia 1% of men
#ffeaf3 Tritanopia 0.001% of the population

Trichromacy

#fdf27e Protanomaly 1% of men, 0.01% of women
#fdf095 Deuteranomaly 6% of men, 0.4% of women
#fdeea6 Tritanomaly 0.01% of the population

#faf620 hex color

#faf620 Color Information

#faf620 Color Conversion

Color Schemes with #faf620

Alternatives to #faf620

#faf620 Preview

Shades and Tints of #faf620

Tones of #faf620

Color Blindness Simulator