#faf01f hex color

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

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

● #faf01f color description : Vivid yellow.

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

Hex triplet	faf01f	`#faf01f`
RGB Decimal	250, 240, 31	`rgb(250,240,31)`
RGB Percent	98, 94.1, 12.2	`rgb(98%,94.1%,12.2%)`
CMYK	0, 4, 88, 2
HSL	57.3°, 95.6, 55.1	`hsl(57.3,95.6%,55.1%)`
HSV (or HSB)	57.3°, 87.6, 98
Web Safe	ffff33	`#ffff33`

CIE-LAB	92.903, -16.092, 87.944
XYZ	70.832, 82.745, 13.537
xyY	0.424, 0.495, 82.745
CIE-LCH	92.903, 89.404, 100.369
CIE-LUV	92.903, 14.043, 99.312
Hunter-Lab	90.964, -20.192, 54.852
Binary	11111010, 11110000, 00011111

#faf01f
```
#faf01f rgb(250,240,31)
```
#1f29fa
```
#1f29fa rgb(31,41,250)
```

Complementary Color

#fa831f
```
#fa831f rgb(250,131,31)
```
#faf01f
```
#faf01f rgb(250,240,31)
```
#97fa1f
```
#97fa1f rgb(151,250,31)
```

Analogous Color

#831ffa
```
#831ffa rgb(131,31,250)
```
#faf01f
```
#faf01f rgb(250,240,31)
```
#1f97fa
```
#1f97fa rgb(31,151,250)
```

Split Complementary Color

#f01ffa
```
#f01ffa rgb(240,31,250)
```
#faf01f
```
#faf01f rgb(250,240,31)
```
#1ffaf0
```
#1ffaf0 rgb(31,250,240)
```

Triadic Color

#fa1f29
```
#fa1f29 rgb(250,31,41)
```
#faf01f
```
#faf01f rgb(250,240,31)
```
#1ffaf0
```
#1ffaf0 rgb(31,250,240)
```
#1f29fa
```
#1f29fa rgb(31,41,250)
```

Tetradic Color

#c8bf04
```
#c8bf04 rgb(200,191,4)
```
#e1d705
```
#e1d705 rgb(225,215,5)
```
#f9ee06
```
#f9ee06 rgb(249,238,6)
```
#faf01f
```
#faf01f rgb(250,240,31)
```
#fbf238
```
#fbf238 rgb(251,242,56)
```
#fbf351
```
#fbf351 rgb(251,243,81)
```
#fcf56a
```
#fcf56a rgb(252,245,106)
```

Monochromatic Color

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

#fab91f
```
#fab91f rgb(250,185,31)
```
#facc1f
```
#facc1f rgb(250,204,31)
```
#fade1f
```
#fade1f rgb(250,222,31)
```
#faf01f
```
#faf01f rgb(250,240,31)
```
#f2fa1f
```
#f2fa1f rgb(242,250,31)
```
#e0fa1f
```
#e0fa1f rgb(224,250,31)
```
#cdfa1f
```
#cdfa1f rgb(205,250,31)
```

Similar Colors

Text with hexadecimal color #faf01f

This text has a font color of #faf01f.

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

#faf01f background color

This paragraph has a background color of #faf01f.

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

#faf01f border color

This element has a border color of #faf01f.

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

CSS codes

.text {color:#faf01f;}

.background {background-color:#faf01f;}

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

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)
```
#191801
```
#191801 rgb(25,24,1)
```
#2d2b01
```
#2d2b01 rgb(45,43,1)
```
#403d01
```
#403d01 rgb(64,61,1)
```
#534f02
```
#534f02 rgb(83,79,2)
```
#666202
```
#666202 rgb(102,98,2)
```
#797403
```
#797403 rgb(121,116,3)
```
#8d8603
```
#8d8603 rgb(141,134,3)
```
#a09904
```
#a09904 rgb(160,153,4)
```
#b3ab04
```
#b3ab04 rgb(179,171,4)
```
#c6bd04
```
#c6bd04 rgb(198,189,4)
```
#d9d005
```
#d9d005 rgb(217,208,5)
```
#ece205
```
#ece205 rgb(236,226,5)
```

Shade Color Variation

#faef0c
```
#faef0c rgb(250,239,12)
```
#faf01f
```
#faf01f rgb(250,240,31)
```
#faf132
```
#faf132 rgb(250,241,50)
```
#fbf345
```
#fbf345 rgb(251,243,69)
```
#fbf459
```
#fbf459 rgb(251,244,89)
```
#fcf56c
```
#fcf56c rgb(252,245,108)
```
#fcf67f
```
#fcf67f rgb(252,246,127)
```
#fdf892
```
#fdf892 rgb(253,248,146)
```
#fdf9a5
```
#fdf9a5 rgb(253,249,165)
```
#fdfab8
```
#fdfab8 rgb(253,250,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 #faf01f is the most saturated one.

#909089
```
#909089 rgb(144,144,137)
```
#999880
```
#999880 rgb(153,152,128)
```
#a2a077
```
#a2a077 rgb(162,160,119)
```
#aba86e
```
#aba86e rgb(171,168,110)
```
#b4b065
```
#b4b065 rgb(180,176,101)
```
#bcb85d
```
#bcb85d rgb(188,184,93)
```
#c5c054
```
#c5c054 rgb(197,192,84)
```
#cec84b
```
#cec84b rgb(206,200,75)
```
#d7d042
```
#d7d042 rgb(215,208,66)
```
#e0d839
```
#e0d839 rgb(224,216,57)
```
#e8e031
```
#e8e031 rgb(232,224,49)
```
#f1e828
```
#f1e828 rgb(241,232,40)
```
#faf01f
```
#faf01f rgb(250,240,31)
```

Tone Color Variation

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

#dbdbdb Achromatopsia 0.005% of the population
#e1dfb5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffeb98 Protanopia 1% of men
#ffe8cc Deuteranopia 1% of men
#ffe5ee Tritanopia 0.001% of the population

Trichromacy

#fded6c Protanomaly 1% of men, 0.01% of women
#fdeb8d Deuteranomaly 6% of men, 0.4% of women
#fde9a3 Tritanomaly 0.01% of the population

#faf01f hex color

#faf01f Color Information

#faf01f Color Conversion

Color Schemes with #faf01f

Alternatives to #faf01f

#faf01f Preview

Shades and Tints of #faf01f

Tones of #faf01f

Color Blindness Simulator