#faf31d hex color

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

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

● #faf31d color description : Vivid yellow.

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

Hex triplet	faf31d	`#faf31d`
RGB Decimal	250, 243, 29	`rgb(250,243,29)`
RGB Percent	98, 95.3, 11.4	`rgb(98%,95.3%,11.4%)`
CMYK	0, 3, 88, 2
HSL	58.1°, 95.7, 54.7	`hsl(58.1,95.7%,54.7%)`
HSV (or HSB)	58.1°, 88.4, 98
Web Safe	ffff33	`#ffff33`

CIE-LAB	93.674, -17.579, 88.877
XYZ	71.697, 84.515, 13.699
xyY	0.422, 0.497, 84.515
CIE-LCH	93.674, 90.599, 101.188
CIE-LUV	93.674, 12.054, 100.638
Hunter-Lab	91.932, -21.671, 55.518
Binary	11111010, 11110011, 00011101

#faf31d
```
#faf31d rgb(250,243,29)
```
#1d24fa
```
#1d24fa rgb(29,36,250)
```

Complementary Color

#fa851d
```
#fa851d rgb(250,133,29)
```
#faf31d
```
#faf31d rgb(250,243,29)
```
#93fa1d
```
#93fa1d rgb(147,250,29)
```

Analogous Color

#851dfa
```
#851dfa rgb(133,29,250)
```
#faf31d
```
#faf31d rgb(250,243,29)
```
#1d93fa
```
#1d93fa rgb(29,147,250)
```

Split Complementary Color

#f31dfa
```
#f31dfa rgb(243,29,250)
```
#faf31d
```
#faf31d rgb(250,243,29)
```
#1dfaf3
```
#1dfaf3 rgb(29,250,243)
```

Triadic Color

#fa1d24
```
#fa1d24 rgb(250,29,36)
```
#faf31d
```
#faf31d rgb(250,243,29)
```
#1dfaf3
```
#1dfaf3 rgb(29,250,243)
```
#1d24fa
```
#1d24fa rgb(29,36,250)
```

Tetradic Color

#c6c004
```
#c6c004 rgb(198,192,4)
```
#dfd805
```
#dfd805 rgb(223,216,5)
```
#f8f005
```
#f8f005 rgb(248,240,5)
```
#faf31d
```
#faf31d rgb(250,243,29)
```
#fbf436
```
#fbf436 rgb(251,244,54)
```
#fbf64f
```
#fbf64f rgb(251,246,79)
```
#fcf768
```
#fcf768 rgb(252,247,104)
```

Monochromatic Color

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

#fabc1d
```
#fabc1d rgb(250,188,29)
```
#face1d
```
#face1d rgb(250,206,29)
```
#fae11d
```
#fae11d rgb(250,225,29)
```
#faf31d
```
#faf31d rgb(250,243,29)
```
#effa1d
```
#effa1d rgb(239,250,29)
```
#dcfa1d
```
#dcfa1d rgb(220,250,29)
```
#cafa1d
```
#cafa1d rgb(202,250,29)
```

Similar Colors

Text with hexadecimal color #faf31d

This text has a font color of #faf31d.

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

#faf31d background color

This paragraph has a background color of #faf31d.

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

#faf31d border color

This element has a border color of #faf31d.

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

CSS codes

.text {color:#faf31d;}

.background {background-color:#faf31d;}

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

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

#040400
```
#040400 rgb(4,4,0)
```
#171701
```
#171701 rgb(23,23,1)
```
#2b2901
```
#2b2901 rgb(43,41,1)
```
#3e3c01
```
#3e3c01 rgb(62,60,1)
```
#514f02
```
#514f02 rgb(81,79,2)
```
#646102
```
#646102 rgb(100,97,2)
```
#777403
```
#777403 rgb(119,116,3)
```
#8b8603
```
#8b8603 rgb(139,134,3)
```
#9e9903
```
#9e9903 rgb(158,153,3)
```
#b1ac04
```
#b1ac04 rgb(177,172,4)
```
#c4be04
```
#c4be04 rgb(196,190,4)
```
#d7d105
```
#d7d105 rgb(215,209,5)
```
#ebe305
```
#ebe305 rgb(235,227,5)
```

Shade Color Variation

#faf20a
```
#faf20a rgb(250,242,10)
```
#faf31d
```
#faf31d rgb(250,243,29)
```
#faf430
```
#faf430 rgb(250,244,48)
```
#fbf543
```
#fbf543 rgb(251,245,67)
```
#fbf657
```
#fbf657 rgb(251,246,87)
```
#fcf76a
```
#fcf76a rgb(252,247,106)
```
#fcf87d
```
#fcf87d rgb(252,248,125)
```
#fdf990
```
#fdf990 rgb(253,249,144)
```
#fdfaa3
```
#fdfaa3 rgb(253,250,163)
```
#fdfbb7
```
#fdfbb7 rgb(253,251,183)
```
#fefcca
```
#fefcca rgb(254,252,202)
```
#fefddd
```
#fefddd rgb(254,253,221)
```
#fffef0
```
#fffef0 rgb(255,254,240)
```

Tint Color Variation

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

#8f8f88
```
#8f8f88 rgb(143,143,136)
```
#98977f
```
#98977f rgb(152,151,127)
```
#a1a076
```
#a1a076 rgb(161,160,118)
```
#aaa86d
```
#aaa86d rgb(170,168,109)
```
#b3b064
```
#b3b064 rgb(179,176,100)
```
#bcb95b
```
#bcb95b rgb(188,185,91)
```
#c5c152
```
#c5c152 rgb(197,193,82)
```
#cec949
```
#cec949 rgb(206,201,73)
```
#d6d241
```
#d6d241 rgb(214,210,65)
```
#dfda38
```
#dfda38 rgb(223,218,56)
```
#e8e22f
```
#e8e22f rgb(232,226,47)
```
#f1eb26
```
#f1eb26 rgb(241,235,38)
```
#faf31d
```
#faf31d rgb(250,243,29)
```

Tone Color Variation

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

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

#faf31d hex color

#faf31d Color Information

#faf31d Color Conversion

Color Schemes with #faf31d

Alternatives to #faf31d

#faf31d Preview

Shades and Tints of #faf31d

Tones of #faf31d

Color Blindness Simulator