#faf707 hex color

In a RGB color space, hex #faf707 is composed of 98% red, 96.9% green and 2.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 1.2% magenta, 97.2% yellow and 2% black. It has a hue angle of 59.3 degrees, a saturation of 96% and a lightness of 50.4%. #faf707 color hex could be obtained by blending #ffff0e with #f5ef00. Closest websafe color is: #ffff00.

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

● #faf707 color description : Vivid yellow.

The hexadecimal color #faf707 has RGB values of R:250, G:247, B:7 and CMYK values of C:0, M:0.01, Y:0.97, K:0.02. Its decimal value is 16447239.

Hex triplet	faf707	`#faf707`
RGB Decimal	250, 247, 7	`rgb(250,247,7)`
RGB Percent	98, 96.9, 2.7	`rgb(98%,96.9%,2.7%)`
CMYK	0, 1, 97, 2
HSL	59.3°, 96, 50.4	`hsl(59.3,96%,50.4%)`
HSV (or HSB)	59.3°, 97.2, 98
Web Safe	ffff00	`#ffff00`

CIE-LAB	94.68, -19.753, 92.002
XYZ	72.724, 86.862, 13.136
xyY	0.421, 0.503, 86.862
CIE-LCH	94.68, 94.099, 102.117
CIE-LUV	94.68, 9.514, 103.536
Hunter-Lab	93.2, -23.817, 56.883
Binary	11111010, 11110111, 00000111

#faf707
```
#faf707 rgb(250,247,7)
```
#070afa
```
#070afa rgb(7,10,250)
```

Complementary Color

#fa7e07
```
#fa7e07 rgb(250,126,7)
```
#faf707
```
#faf707 rgb(250,247,7)
```
#84fa07
```
#84fa07 rgb(132,250,7)
```

Analogous Color

#7e07fa
```
#7e07fa rgb(126,7,250)
```
#faf707
```
#faf707 rgb(250,247,7)
```
#0784fa
```
#0784fa rgb(7,132,250)
```

Split Complementary Color

#f707fa
```
#f707fa rgb(247,7,250)
```
#faf707
```
#faf707 rgb(250,247,7)
```
#07faf7
```
#07faf7 rgb(7,250,247)
```

Triadic Color

#fa070a
```
#fa070a rgb(250,7,10)
```
#faf707
```
#faf707 rgb(250,247,7)
```
#07faf7
```
#07faf7 rgb(7,250,247)
```
#070afa
```
#070afa rgb(7,10,250)
```

Tetradic Color

#b1af04
```
#b1af04 rgb(177,175,4)
```
#cac704
```
#cac704 rgb(202,199,4)
```
#e3e005
```
#e3e005 rgb(227,224,5)
```
#faf707
```
#faf707 rgb(250,247,7)
```
#fbf820
```
#fbf820 rgb(251,248,32)
```
#fbf939
```
#fbf939 rgb(251,249,57)
```
#fcf952
```
#fcf952 rgb(252,249,82)
```

Monochromatic Color

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

#faba07
```
#faba07 rgb(250,186,7)
```
#facf07
```
#facf07 rgb(250,207,7)
```
#fae307
```
#fae307 rgb(250,227,7)
```
#faf707
```
#faf707 rgb(250,247,7)
```
#e9fa07
```
#e9fa07 rgb(233,250,7)
```
#d5fa07
```
#d5fa07 rgb(213,250,7)
```
#c0fa07
```
#c0fa07 rgb(192,250,7)
```

Similar Colors

Text with hexadecimal color #faf707

This text has a font color of #faf707.

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

#faf707 background color

This paragraph has a background color of #faf707.

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

#faf707 border color

This element has a border color of #faf707.

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

CSS codes

.text {color:#faf707;}

.background {background-color:#faf707;}

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

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

#020200
```
#020200 rgb(2,2,0)
```
#151500
```
#151500 rgb(21,21,0)
```
#282801
```
#282801 rgb(40,40,1)
```
#3c3b01
```
#3c3b01 rgb(60,59,1)
```
#4f4e02
```
#4f4e02 rgb(79,78,2)
```
#626102
```
#626102 rgb(98,97,2)
```
#757402
```
#757402 rgb(117,116,2)
```
#898703
```
#898703 rgb(137,135,3)
```
#9c9a03
```
#9c9a03 rgb(156,154,3)
```
#afad04
```
#afad04 rgb(175,173,4)
```
#c2c004
```
#c2c004 rgb(194,192,4)
```
#d5d304
```
#d5d304 rgb(213,211,4)
```
#e9e605
```
#e9e605 rgb(233,230,5)
```

Shade Color Variation

#faf707
```
#faf707 rgb(250,247,7)
```
#faf81a
```
#faf81a rgb(250,248,26)
```
#fbf82d
```
#fbf82d rgb(251,248,45)
```
#fbf941
```
#fbf941 rgb(251,249,65)
```
#fcf954
```
#fcf954 rgb(252,249,84)
```
#fcfa67
```
#fcfa67 rgb(252,250,103)
```
#fcfb7a
```
#fcfb7a rgb(252,251,122)
```
#fdfb8e
```
#fdfb8e rgb(253,251,142)
```
#fdfca1
```
#fdfca1 rgb(253,252,161)
```
#fdfdb4
```
#fdfdb4 rgb(253,253,180)
```
#fefdc7
```
#fefdc7 rgb(254,253,199)
```
#fefedb
```
#fefedb rgb(254,254,219)
```
#fffeee
```
#fffeee rgb(255,254,238)
```

Tint Color Variation

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

#85857c
```
#85857c rgb(133,133,124)
```
#8f8f72
```
#8f8f72 rgb(143,143,114)
```
#999868
```
#999868 rgb(153,152,104)
```
#a2a25f
```
#a2a25f rgb(162,162,95)
```
#acab55
```
#acab55 rgb(172,171,85)
```
#b6b54b
```
#b6b54b rgb(182,181,75)
```
#c0be41
```
#c0be41 rgb(192,190,65)
```
#c9c838
```
#c9c838 rgb(201,200,56)
```
#d3d12e
```
#d3d12e rgb(211,209,46)
```
#dddb24
```
#dddb24 rgb(221,219,36)
```
#e7e41a
```
#e7e41a rgb(231,228,26)
```
#f0ee11
```
#f0ee11 rgb(240,238,17)
```
#faf707
```
#faf707 rgb(250,247,7)
```

Tone Color Variation

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

#dddddd Achromatopsia 0.005% of the population
#e3e2b2 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#fdf377 Protanomaly 1% of men, 0.01% of women
#fdf18d Deuteranomaly 6% of men, 0.4% of women
#fdef9d Tritanomaly 0.01% of the population

#faf707 hex color

#faf707 Color Information

#faf707 Color Conversion

Color Schemes with #faf707

Alternatives to #faf707

#faf707 Preview

Shades and Tints of #faf707

Tones of #faf707

Color Blindness Simulator