#faf31e hex color

In a RGB color space, hex #faf31e is composed of 98% red, 95.3% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 2.8% magenta, 88% yellow and 2% black. It has a hue angle of 58.1 degrees, a saturation of 95.7% and a lightness of 54.9%. #faf31e color hex could be obtained by blending #ffff3c 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

● #faf31e color description : Vivid yellow.

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

Hex triplet	faf31e	`#faf31e`
RGB Decimal	250, 243, 30	`rgb(250,243,30)`
RGB Percent	98, 95.3, 11.8	`rgb(98%,95.3%,11.8%)`
CMYK	0, 3, 88, 2
HSL	58.1°, 95.7, 54.9	`hsl(58.1,95.7%,54.9%)`
HSV (or HSB)	58.1°, 88, 98
Web Safe	ffff33	`#ffff33`

CIE-LAB	93.676, -17.562, 88.719
XYZ	71.71, 84.52, 13.765
xyY	0.422, 0.497, 84.52
CIE-LCH	93.676, 90.441, 101.197
CIE-LUV	93.676, 12.046, 100.541
Hunter-Lab	91.935, -21.656, 55.477
Binary	11111010, 11110011, 00011110

#faf31e
```
#faf31e rgb(250,243,30)
```
#1e25fa
```
#1e25fa rgb(30,37,250)
```

Complementary Color

#fa851e
```
#fa851e rgb(250,133,30)
```
#faf31e
```
#faf31e rgb(250,243,30)
```
#93fa1e
```
#93fa1e rgb(147,250,30)
```

Analogous Color

#851efa
```
#851efa rgb(133,30,250)
```
#faf31e
```
#faf31e rgb(250,243,30)
```
#1e93fa
```
#1e93fa rgb(30,147,250)
```

Split Complementary Color

#f31efa
```
#f31efa rgb(243,30,250)
```
#faf31e
```
#faf31e rgb(250,243,30)
```
#1efaf3
```
#1efaf3 rgb(30,250,243)
```

Triadic Color

#fa1e25
```
#fa1e25 rgb(250,30,37)
```
#faf31e
```
#faf31e rgb(250,243,30)
```
#1efaf3
```
#1efaf3 rgb(30,250,243)
```
#1e25fa
```
#1e25fa rgb(30,37,250)
```

Tetradic Color

#c7c104
```
#c7c104 rgb(199,193,4)
```
#e0d905
```
#e0d905 rgb(224,217,5)
```
#f9f106
```
#f9f106 rgb(249,241,6)
```
#faf31e
```
#faf31e rgb(250,243,30)
```
#fbf437
```
#fbf437 rgb(251,244,55)
```
#fbf650
```
#fbf650 rgb(251,246,80)
```
#fcf769
```
#fcf769 rgb(252,247,105)
```

Monochromatic Color

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

#fabc1e
```
#fabc1e rgb(250,188,30)
```
#face1e
```
#face1e rgb(250,206,30)
```
#fae11e
```
#fae11e rgb(250,225,30)
```
#faf31e
```
#faf31e rgb(250,243,30)
```
#effa1e
```
#effa1e rgb(239,250,30)
```
#dcfa1e
```
#dcfa1e rgb(220,250,30)
```
#cafa1e
```
#cafa1e rgb(202,250,30)
```

Similar Colors

Text with hexadecimal color #faf31e

This text has a font color of #faf31e.

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

#faf31e background color

This paragraph has a background color of #faf31e.

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

#faf31e border color

This element has a border color of #faf31e.

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

CSS codes

.text {color:#faf31e;}

.background {background-color:#faf31e;}

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

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

#050500
```
#050500 rgb(5,5,0)
```
#181801
```
#181801 rgb(24,24,1)
```
#2c2a01
```
#2c2a01 rgb(44,42,1)
```
#3f3d01
```
#3f3d01 rgb(63,61,1)
```
#524f02
```
#524f02 rgb(82,79,2)
```
#656202
```
#656202 rgb(101,98,2)
```
#787503
```
#787503 rgb(120,117,3)
```
#8c8703
```
#8c8703 rgb(140,135,3)
```
#9f9a04
```
#9f9a04 rgb(159,154,4)
```
#b2ac04
```
#b2ac04 rgb(178,172,4)
```
#c5bf04
```
#c5bf04 rgb(197,191,4)
```
#d8d205
```
#d8d205 rgb(216,210,5)
```
#ece405
```
#ece405 rgb(236,228,5)
```

Shade Color Variation

#faf20b
```
#faf20b rgb(250,242,11)
```
#faf31e
```
#faf31e rgb(250,243,30)
```
#faf431
```
#faf431 rgb(250,244,49)
```
#fbf544
```
#fbf544 rgb(251,245,68)
```
#fbf658
```
#fbf658 rgb(251,246,88)
```
#fcf76b
```
#fcf76b rgb(252,247,107)
```
#fcf87e
```
#fcf87e rgb(252,248,126)
```
#fdf991
```
#fdf991 rgb(253,249,145)
```
#fdfaa4
```
#fdfaa4 rgb(253,250,164)
```
#fdfbb8
```
#fdfbb8 rgb(253,251,184)
```
#fefccb
```
#fefccb rgb(254,252,203)
```
#fefdde
```
#fefdde rgb(254,253,222)
```
#fffef1
```
#fffef1 rgb(255,254,241)
```

Tint Color Variation

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

#909088
```
#909088 rgb(144,144,136)
```
#99987f
```
#99987f rgb(153,152,127)
```
#a2a076
```
#a2a076 rgb(162,160,118)
```
#aaa86e
```
#aaa86e rgb(170,168,110)
```
#b3b165
```
#b3b165 rgb(179,177,101)
```
#bcb95c
```
#bcb95c rgb(188,185,92)
```
#c5c153
```
#c5c153 rgb(197,193,83)
```
#ceca4a
```
#ceca4a rgb(206,202,74)
```
#d7d241
```
#d7d241 rgb(215,210,65)
```
#dfda39
```
#dfda39 rgb(223,218,57)
```
#e8e230
```
#e8e230 rgb(232,226,48)
```
#f1eb27
```
#f1eb27 rgb(241,235,39)
```
#faf31e
```
#faf31e rgb(250,243,30)
```

Tone Color Variation

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

#faf31e hex color

#faf31e Color Information

#faf31e Color Conversion

Color Schemes with #faf31e

Alternatives to #faf31e

#faf31e Preview

Shades and Tints of #faf31e

Tones of #faf31e

Color Blindness Simulator