#faf31f hex color

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

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

● #faf31f color description : Vivid yellow.

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

Hex triplet	faf31f	`#faf31f`
RGB Decimal	250, 243, 31	`rgb(250,243,31)`
RGB Percent	98, 95.3, 12.2	`rgb(98%,95.3%,12.2%)`
CMYK	0, 3, 88, 2
HSL	58.1°, 95.6, 55.1	`hsl(58.1,95.6%,55.1%)`
HSV (or HSB)	58.1°, 87.6, 98
Web Safe	ffff33	`#ffff33`

CIE-LAB	93.678, -17.544, 88.557
XYZ	71.723, 84.526, 13.833
xyY	0.422, 0.497, 84.526
CIE-LCH	93.678, 90.279, 101.206
CIE-LUV	93.678, 12.038, 100.441
Hunter-Lab	91.938, -21.64, 55.435
Binary	11111010, 11110011, 00011111

#faf31f
```
#faf31f rgb(250,243,31)
```
#1f26fa
```
#1f26fa rgb(31,38,250)
```

Complementary Color

#fa861f
```
#fa861f rgb(250,134,31)
```
#faf31f
```
#faf31f rgb(250,243,31)
```
#94fa1f
```
#94fa1f rgb(148,250,31)
```

Analogous Color

#861ffa
```
#861ffa rgb(134,31,250)
```
#faf31f
```
#faf31f rgb(250,243,31)
```
#1f94fa
```
#1f94fa rgb(31,148,250)
```

Split Complementary Color

#f31ffa
```
#f31ffa rgb(243,31,250)
```
#faf31f
```
#faf31f rgb(250,243,31)
```
#1ffaf3
```
#1ffaf3 rgb(31,250,243)
```

Triadic Color

#fa1f26
```
#fa1f26 rgb(250,31,38)
```
#faf31f
```
#faf31f rgb(250,243,31)
```
#1ffaf3
```
#1ffaf3 rgb(31,250,243)
```
#1f26fa
```
#1f26fa rgb(31,38,250)
```

Tetradic Color

#c8c204
```
#c8c204 rgb(200,194,4)
```
#e1da05
```
#e1da05 rgb(225,218,5)
```
#f9f206
```
#f9f206 rgb(249,242,6)
```
#faf31f
```
#faf31f rgb(250,243,31)
```
#fbf438
```
#fbf438 rgb(251,244,56)
```
#fbf651
```
#fbf651 rgb(251,246,81)
```
#fcf76a
```
#fcf76a rgb(252,247,106)
```

Monochromatic Color

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

#fabc1f
```
#fabc1f rgb(250,188,31)
```
#facf1f
```
#facf1f rgb(250,207,31)
```
#fae11f
```
#fae11f rgb(250,225,31)
```
#faf31f
```
#faf31f rgb(250,243,31)
```
#effa1f
```
#effa1f rgb(239,250,31)
```
#ddfa1f
```
#ddfa1f rgb(221,250,31)
```
#cafa1f
```
#cafa1f rgb(202,250,31)
```

Similar Colors

Text with hexadecimal color #faf31f

This text has a font color of #faf31f.

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

#faf31f background color

This paragraph has a background color of #faf31f.

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

#faf31f border color

This element has a border color of #faf31f.

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

CSS codes

.text {color:#faf31f;}

.background {background-color:#faf31f;}

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

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)
```
#2d2b01
```
#2d2b01 rgb(45,43,1)
```
#403e01
```
#403e01 rgb(64,62,1)
```
#535002
```
#535002 rgb(83,80,2)
```
#666302
```
#666302 rgb(102,99,2)
```
#797603
```
#797603 rgb(121,118,3)
```
#8d8803
```
#8d8803 rgb(141,136,3)
```
#a09b04
```
#a09b04 rgb(160,155,4)
```
#b3ad04
```
#b3ad04 rgb(179,173,4)
```
#c6c004
```
#c6c004 rgb(198,192,4)
```
#d9d305
```
#d9d305 rgb(217,211,5)
```
#ece505
```
#ece505 rgb(236,229,5)
```

Shade Color Variation

#faf20c
```
#faf20c rgb(250,242,12)
```
#faf31f
```
#faf31f rgb(250,243,31)
```
#faf432
```
#faf432 rgb(250,244,50)
```
#fbf545
```
#fbf545 rgb(251,245,69)
```
#fbf659
```
#fbf659 rgb(251,246,89)
```
#fcf76c
```
#fcf76c rgb(252,247,108)
```
#fcf87f
```
#fcf87f rgb(252,248,127)
```
#fdf992
```
#fdf992 rgb(253,249,146)
```
#fdfaa5
```
#fdfaa5 rgb(253,250,165)
```
#fdfbb8
```
#fdfbb8 rgb(253,251,184)
```
#fefccc
```
#fefccc rgb(254,252,204)
```
#fefddf
```
#fefddf rgb(254,253,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 #faf31f is the most saturated one.

#909089
```
#909089 rgb(144,144,137)
```
#999880
```
#999880 rgb(153,152,128)
```
#a2a177
```
#a2a177 rgb(162,161,119)
```
#aba96e
```
#aba96e rgb(171,169,110)
```
#b4b165
```
#b4b165 rgb(180,177,101)
```
#bcb95d
```
#bcb95d rgb(188,185,93)
```
#c5c254
```
#c5c254 rgb(197,194,84)
```
#ceca4b
```
#ceca4b rgb(206,202,75)
```
#d7d242
```
#d7d242 rgb(215,210,66)
```
#e0da39
```
#e0da39 rgb(224,218,57)
```
#e8e331
```
#e8e331 rgb(232,227,49)
```
#f1eb28
```
#f1eb28 rgb(241,235,40)
```
#faf31f
```
#faf31f rgb(250,243,31)
```

Tone Color Variation

Below, you can see how #faf31f 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
#e3e1b7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffeea7 Protanopia 1% of men
#ffead2 Deuteranopia 1% of men
#ffe7f1 Tritanopia 0.001% of the population

Trichromacy

#fdef75 Protanomaly 1% of men, 0.01% of women
#fded91 Deuteranomaly 6% of men, 0.4% of women
#fdeba4 Tritanomaly 0.01% of the population

#faf31f hex color

#faf31f Color Information

#faf31f Color Conversion

Color Schemes with #faf31f

Alternatives to #faf31f

#faf31f Preview

Shades and Tints of #faf31f

Tones of #faf31f

Color Blindness Simulator