#faf51f hex color

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

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

● #faf51f color description : Vivid yellow.

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

Hex triplet	faf51f	`#faf51f`
RGB Decimal	250, 245, 31	`rgb(250,245,31)`
RGB Percent	98, 96.1, 12.2	`rgb(98%,96.1%,12.2%)`
CMYK	0, 2, 88, 2
HSL	58.6°, 95.6, 55.1	`hsl(58.6,95.6%,55.1%)`
HSV (or HSB)	58.6°, 87.6, 98
Web Safe	ffff33	`#ffff33`

CIE-LAB	94.196, -18.508, 88.967
XYZ	72.324, 85.729, 14.034
xyY	0.42, 0.498, 85.729
CIE-LCH	94.196, 90.872, 101.752
CIE-LUV	94.196, 10.712, 101.193
Hunter-Lab	92.59, -22.602, 55.826
Binary	11111010, 11110101, 00011111

#faf51f
```
#faf51f rgb(250,245,31)
```
#1f24fa
```
#1f24fa rgb(31,36,250)
```

Complementary Color

#fa881f
```
#fa881f rgb(250,136,31)
```
#faf51f
```
#faf51f rgb(250,245,31)
```
#92fa1f
```
#92fa1f rgb(146,250,31)
```

Analogous Color

#881ffa
```
#881ffa rgb(136,31,250)
```
#faf51f
```
#faf51f rgb(250,245,31)
```
#1f92fa
```
#1f92fa rgb(31,146,250)
```

Split Complementary Color

#f51ffa
```
#f51ffa rgb(245,31,250)
```
#faf51f
```
#faf51f rgb(250,245,31)
```
#1ffaf5
```
#1ffaf5 rgb(31,250,245)
```

Triadic Color

#fa1f24
```
#fa1f24 rgb(250,31,36)
```
#faf51f
```
#faf51f rgb(250,245,31)
```
#1ffaf5
```
#1ffaf5 rgb(31,250,245)
```
#1f24fa
```
#1f24fa rgb(31,36,250)
```

Tetradic Color

#c8c404
```
#c8c404 rgb(200,196,4)
```
#e1dc05
```
#e1dc05 rgb(225,220,5)
```
#f9f406
```
#f9f406 rgb(249,244,6)
```
#faf51f
```
#faf51f rgb(250,245,31)
```
#fbf638
```
#fbf638 rgb(251,246,56)
```
#fbf751
```
#fbf751 rgb(251,247,81)
```
#fcf86a
```
#fcf86a rgb(252,248,106)
```

Monochromatic Color

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

#fabe1f
```
#fabe1f rgb(250,190,31)
```
#fad11f
```
#fad11f rgb(250,209,31)
```
#fae31f
```
#fae31f rgb(250,227,31)
```
#faf51f
```
#faf51f rgb(250,245,31)
```
#edfa1f
```
#edfa1f rgb(237,250,31)
```
#dbfa1f
```
#dbfa1f rgb(219,250,31)
```
#c8fa1f
```
#c8fa1f rgb(200,250,31)
```

Similar Colors

Text with hexadecimal color #faf51f

This text has a font color of #faf51f.

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

#faf51f background color

This paragraph has a background color of #faf51f.

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

#faf51f border color

This element has a border color of #faf51f.

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

CSS codes

.text {color:#faf51f;}

.background {background-color:#faf51f;}

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

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

#060600
```
#060600 rgb(6,6,0)
```
#191901
```
#191901 rgb(25,25,1)
```
#2d2c01
```
#2d2c01 rgb(45,44,1)
```
#403e01
```
#403e01 rgb(64,62,1)
```
#535102
```
#535102 rgb(83,81,2)
```
#666402
```
#666402 rgb(102,100,2)
```
#797703
```
#797703 rgb(121,119,3)
```
#8d8903
```
#8d8903 rgb(141,137,3)
```
#a09c04
```
#a09c04 rgb(160,156,4)
```
#b3af04
```
#b3af04 rgb(179,175,4)
```
#c6c204
```
#c6c204 rgb(198,194,4)
```
#d9d405
```
#d9d405 rgb(217,212,5)
```
#ece705
```
#ece705 rgb(236,231,5)
```

Shade Color Variation

#faf40c
```
#faf40c rgb(250,244,12)
```
#faf51f
```
#faf51f rgb(250,245,31)
```
#faf632
```
#faf632 rgb(250,246,50)
```
#fbf745
```
#fbf745 rgb(251,247,69)
```
#fbf859
```
#fbf859 rgb(251,248,89)
```
#fcf86c
```
#fcf86c rgb(252,248,108)
```
#fcf97f
```
#fcf97f rgb(252,249,127)
```
#fdfa92
```
#fdfa92 rgb(253,250,146)
```
#fdfba5
```
#fdfba5 rgb(253,251,165)
```
#fdfcb8
```
#fdfcb8 rgb(253,252,184)
```
#fefdcc
```
#fefdcc rgb(254,253,204)
```
#fefedf
```
#fefedf rgb(254,254,223)
```
#fffef2
```
#fffef2 rgb(255,254,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 #faf51f is the most saturated one.

#909089
```
#909089 rgb(144,144,137)
```
#999980
```
#999980 rgb(153,153,128)
```
#a2a177
```
#a2a177 rgb(162,161,119)
```
#aba96e
```
#aba96e rgb(171,169,110)
```
#b4b265
```
#b4b265 rgb(180,178,101)
```
#bcba5d
```
#bcba5d rgb(188,186,93)
```
#c5c354
```
#c5c354 rgb(197,195,84)
```
#cecb4b
```
#cecb4b rgb(206,203,75)
```
#d7d342
```
#d7d342 rgb(215,211,66)
```
#e0dc39
```
#e0dc39 rgb(224,220,57)
```
#e8e431
```
#e8e431 rgb(232,228,49)
```
#f1ed28
```
#f1ed28 rgb(241,237,40)
```
#faf51f
```
#faf51f rgb(250,245,31)
```

Tone Color Variation

Below, you can see how #faf51f 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
#fdef93 Deuteranomaly 6% of men, 0.4% of women
#fdeda5 Tritanomaly 0.01% of the population

#faf51f hex color

#faf51f Color Information

#faf51f Color Conversion

Color Schemes with #faf51f

Alternatives to #faf51f

#faf51f Preview

Shades and Tints of #faf51f

Tones of #faf51f

Color Blindness Simulator