#faf71f hex color

In a RGB color space, hex #faf71f is composed of 98% red, 96.9% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 1.2% magenta, 87.6% yellow and 2% black. It has a hue angle of 59.2 degrees, a saturation of 95.6% and a lightness of 55.1%. #faf71f color hex could be obtained by blending #ffff3e with #f5ef00. Closest websafe color is: #ffff33.

♥
- f
- t
- g
- R 98
- G 97
- B 12
RGB color chart
- C 0
- M 1
- Y 88
- K 2
CMYK color chart

● #faf71f color description : Vivid yellow.

The hexadecimal color #faf71f has RGB values of R:250, G:247, B:31 and CMYK values of C:0, M:0.01, Y:0.88, K:0.02. Its decimal value is 16447263.

Hex triplet	faf71f	`#faf71f`
RGB Decimal	250, 247, 31	`rgb(250,247,31)`
RGB Percent	98, 96.9, 12.2	`rgb(98%,96.9%,12.2%)`
CMYK	0, 1, 88, 2
HSL	59.2°, 95.6, 55.1	`hsl(59.2,95.6%,55.1%)`
HSV (or HSB)	59.2°, 87.6, 98
Web Safe	ffff33	`#ffff33`

CIE-LAB	94.715, -19.468, 89.377
XYZ	72.933, 86.946, 14.237
xyY	0.419, 0.499, 86.946
CIE-LCH	94.715, 91.473, 102.288
CIE-LUV	94.715, 9.393, 101.945
Hunter-Lab	93.245, -23.562, 56.219
Binary	11111010, 11110111, 00011111

#faf71f
```
#faf71f rgb(250,247,31)
```
#1f22fa
```
#1f22fa rgb(31,34,250)
```

Complementary Color

#fa8a1f
```
#fa8a1f rgb(250,138,31)
```
#faf71f
```
#faf71f rgb(250,247,31)
```
#90fa1f
```
#90fa1f rgb(144,250,31)
```

Analogous Color

#8a1ffa
```
#8a1ffa rgb(138,31,250)
```
#faf71f
```
#faf71f rgb(250,247,31)
```
#1f90fa
```
#1f90fa rgb(31,144,250)
```

Split Complementary Color

#f71ffa
```
#f71ffa rgb(247,31,250)
```
#faf71f
```
#faf71f rgb(250,247,31)
```
#1ffaf7
```
#1ffaf7 rgb(31,250,247)
```

Triadic Color

#fa1f22
```
#fa1f22 rgb(250,31,34)
```
#faf71f
```
#faf71f rgb(250,247,31)
```
#1ffaf7
```
#1ffaf7 rgb(31,250,247)
```
#1f22fa
```
#1f22fa rgb(31,34,250)
```

Tetradic Color

#c8c504
```
#c8c504 rgb(200,197,4)
```
#e1de05
```
#e1de05 rgb(225,222,5)
```
#f9f606
```
#f9f606 rgb(249,246,6)
```
#faf71f
```
#faf71f rgb(250,247,31)
```
#fbf838
```
#fbf838 rgb(251,248,56)
```
#fbf951
```
#fbf951 rgb(251,249,81)
```
#fcfa6a
```
#fcfa6a rgb(252,250,106)
```

Monochromatic Color

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

#fac01f
```
#fac01f rgb(250,192,31)
```
#fad31f
```
#fad31f rgb(250,211,31)
```
#fae51f
```
#fae51f rgb(250,229,31)
```
#faf71f
```
#faf71f rgb(250,247,31)
```
#ebfa1f
```
#ebfa1f rgb(235,250,31)
```
#d9fa1f
```
#d9fa1f rgb(217,250,31)
```
#c6fa1f
```
#c6fa1f rgb(198,250,31)
```

Similar Colors

Text with hexadecimal color #faf71f

This text has a font color of #faf71f.

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

#faf71f background color

This paragraph has a background color of #faf71f.

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

#faf71f border color

This element has a border color of #faf71f.

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

CSS codes

.text {color:#faf71f;}

.background {background-color:#faf71f;}

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

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

#060600
```
#060600 rgb(6,6,0)
```
#191901
```
#191901 rgb(25,25,1)
```
#2d2c01
```
#2d2c01 rgb(45,44,1)
```
#403f01
```
#403f01 rgb(64,63,1)
```
#535202
```
#535202 rgb(83,82,2)
```
#666502
```
#666502 rgb(102,101,2)
```
#797803
```
#797803 rgb(121,120,3)
```
#8d8b03
```
#8d8b03 rgb(141,139,3)
```
#a09e04
```
#a09e04 rgb(160,158,4)
```
#b3b104
```
#b3b104 rgb(179,177,4)
```
#c6c304
```
#c6c304 rgb(198,195,4)
```
#d9d605
```
#d9d605 rgb(217,214,5)
```
#ece905
```
#ece905 rgb(236,233,5)
```

Shade Color Variation

#faf60c
```
#faf60c rgb(250,246,12)
```
#faf71f
```
#faf71f rgb(250,247,31)
```
#faf832
```
#faf832 rgb(250,248,50)
```
#fbf845
```
#fbf845 rgb(251,248,69)
```
#fbf959
```
#fbf959 rgb(251,249,89)
```
#fcfa6c
```
#fcfa6c rgb(252,250,108)
```
#fcfa7f
```
#fcfa7f rgb(252,250,127)
```
#fdfb92
```
#fdfb92 rgb(253,251,146)
```
#fdfca5
```
#fdfca5 rgb(253,252,165)
```
#fdfcb8
```
#fdfcb8 rgb(253,252,184)
```
#fefdcc
```
#fefdcc rgb(254,253,204)
```
#fefedf
```
#fefedf rgb(254,254,223)
```
#fffff2
```
#fffff2 rgb(255,255,242)
```

Tint Color Variation

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

#909089
```
#909089 rgb(144,144,137)
```
#999980
```
#999980 rgb(153,153,128)
```
#a2a177
```
#a2a177 rgb(162,161,119)
```
#abaa6e
```
#abaa6e rgb(171,170,110)
```
#b4b265
```
#b4b265 rgb(180,178,101)
```
#bcbb5d
```
#bcbb5d rgb(188,187,93)
```
#c5c454
```
#c5c454 rgb(197,196,84)
```
#cecc4b
```
#cecc4b rgb(206,204,75)
```
#d7d542
```
#d7d542 rgb(215,213,66)
```
#e0dd39
```
#e0dd39 rgb(224,221,57)
```
#e8e631
```
#e8e631 rgb(232,230,49)
```
#f1ee28
```
#f1ee28 rgb(241,238,40)
```
#faf71f
```
#faf71f rgb(250,247,31)
```

Tone Color Variation

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

#fff0b8 Protanopia 1% of men
#ffeeda Deuteranopia 1% of men
#ffebf4 Tritanopia 0.001% of the population

Trichromacy

#fdf380 Protanomaly 1% of men, 0.01% of women
#fdf196 Deuteranomaly 6% of men, 0.4% of women
#fdefa6 Tritanomaly 0.01% of the population

#faf71f hex color

#faf71f Color Information

#faf71f Color Conversion

Color Schemes with #faf71f

Alternatives to #faf71f

#faf71f Preview

Shades and Tints of #faf71f

Tones of #faf71f

Color Blindness Simulator