#faab1f hex color

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

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

● #faab1f color description : Vivid orange.

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

Hex triplet	faab1f	`#faab1f`
RGB Decimal	250, 171, 31	`rgb(250,171,31)`
RGB Percent	98, 67.1, 12.2	`rgb(98%,67.1%,12.2%)`
CMYK	0, 32, 88, 2
HSL	38.4°, 95.6, 55.1	`hsl(38.4,95.6%,55.1%)`
HSV (or HSB)	38.4°, 87.6, 98
Web Safe	ff9933	`#ff9933`

CIE-LAB	75.794, 19.056, 74.482
XYZ	54.236, 49.552, 8.004
xyY	0.485, 0.443, 49.552
CIE-LCH	75.794, 76.881, 75.649
CIE-LUV	75.794, 65.259, 73.421
Hunter-Lab	70.393, 14.34, 42.534
Binary	11111010, 10101011, 00011111

#faab1f
```
#faab1f rgb(250,171,31)
```
#1f6efa
```
#1f6efa rgb(31,110,250)
```

Complementary Color

#fa3e1f
```
#fa3e1f rgb(250,62,31)
```
#faab1f
```
#faab1f rgb(250,171,31)
```
#dcfa1f
```
#dcfa1f rgb(220,250,31)
```

Analogous Color

#3d1ffa
```
#3d1ffa rgb(61,31,250)
```
#faab1f
```
#faab1f rgb(250,171,31)
```
#1fdcfa
```
#1fdcfa rgb(31,220,250)
```

Split Complementary Color

#ab1ffa
```
#ab1ffa rgb(171,31,250)
```
#faab1f
```
#faab1f rgb(250,171,31)
```
#1ffaab
```
#1ffaab rgb(31,250,171)
```

Triadic Color

#fa1f6e
```
#fa1f6e rgb(250,31,110)
```
#faab1f
```
#faab1f rgb(250,171,31)
```
#1ffaab
```
#1ffaab rgb(31,250,171)
```
#1f6efa
```
#1f6efa rgb(31,110,250)
```

Tetradic Color

#c88104
```
#c88104 rgb(200,129,4)
```
#e19205
```
#e19205 rgb(225,146,5)
```
#f9a206
```
#f9a206 rgb(249,162,6)
```
#faab1f
```
#faab1f rgb(250,171,31)
```
#fbb438
```
#fbb438 rgb(251,180,56)
```
#fbbe51
```
#fbbe51 rgb(251,190,81)
```
#fcc76a
```
#fcc76a rgb(252,199,106)
```

Monochromatic Color

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

#fa741f
```
#fa741f rgb(250,116,31)
```
#fa871f
```
#fa871f rgb(250,135,31)
```
#fa991f
```
#fa991f rgb(250,153,31)
```
#faab1f
```
#faab1f rgb(250,171,31)
```
#fabd1f
```
#fabd1f rgb(250,189,31)
```
#fad01f
```
#fad01f rgb(250,208,31)
```
#fae21f
```
#fae21f rgb(250,226,31)
```

Similar Colors

Text with hexadecimal color #faab1f

This text has a font color of #faab1f.

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

#faab1f background color

This paragraph has a background color of #faab1f.

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

#faab1f border color

This element has a border color of #faab1f.

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

CSS codes

.text {color:#faab1f;}

.background {background-color:#faab1f;}

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

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

#060400
```
#060400 rgb(6,4,0)
```
#191001
```
#191001 rgb(25,16,1)
```
#2d1d01
```
#2d1d01 rgb(45,29,1)
```
#402901
```
#402901 rgb(64,41,1)
```
#533602
```
#533602 rgb(83,54,2)
```
#664202
```
#664202 rgb(102,66,2)
```
#794f03
```
#794f03 rgb(121,79,3)
```
#8d5b03
```
#8d5b03 rgb(141,91,3)
```
#a06704
```
#a06704 rgb(160,103,4)
```
#b37404
```
#b37404 rgb(179,116,4)
```
#c68004
```
#c68004 rgb(198,128,4)
```
#d98d05
```
#d98d05 rgb(217,141,5)
```
#ec9905
```
#ec9905 rgb(236,153,5)
```

Shade Color Variation

#faa40c
```
#faa40c rgb(250,164,12)
```
#faab1f
```
#faab1f rgb(250,171,31)
```
#fab232
```
#fab232 rgb(250,178,50)
```
#fbb945
```
#fbb945 rgb(251,185,69)
```
#fbc159
```
#fbc159 rgb(251,193,89)
```
#fcc86c
```
#fcc86c rgb(252,200,108)
```
#fccf7f
```
#fccf7f rgb(252,207,127)
```
#fdd692
```
#fdd692 rgb(253,214,146)
```
#fddda5
```
#fddda5 rgb(253,221,165)
```
#fde5b8
```
#fde5b8 rgb(253,229,184)
```
#feeccc
```
#feeccc rgb(254,236,204)
```
#fef3df
```
#fef3df rgb(254,243,223)
```
#fffaf2
```
#fffaf2 rgb(255,250,242)
```

Tint Color Variation

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

#908e89
```
#908e89 rgb(144,142,137)
```
#999080
```
#999080 rgb(153,144,128)
```
#a29277
```
#a29277 rgb(162,146,119)
```
#ab956e
```
#ab956e rgb(171,149,110)
```
#b49765
```
#b49765 rgb(180,151,101)
```
#bc9a5d
```
#bc9a5d rgb(188,154,93)
```
#c59c54
```
#c59c54 rgb(197,156,84)
```
#ce9f4b
```
#ce9f4b rgb(206,159,75)
```
#d7a142
```
#d7a142 rgb(215,161,66)
```
#e0a439
```
#e0a439 rgb(224,164,57)
```
#e8a631
```
#e8a631 rgb(232,166,49)
```
#f1a928
```
#f1a928 rgb(241,169,40)
```
#faab1f
```
#faab1f rgb(250,171,31)
```

Tone Color Variation

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

#b3b3b3 Achromatopsia 0.005% of the population
#c1b195 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d5be2e Protanopia 1% of men
#edb526 Deuteranopia 1% of men
#ffa5af Tritanopia 0.001% of the population

Trichromacy

#e2b729 Protanomaly 1% of men, 0.01% of women
#f2b123 Deuteranomaly 6% of men, 0.4% of women
#fda77b Tritanomaly 0.01% of the population

#faab1f hex color

#faab1f Color Information

#faab1f Color Conversion

Color Schemes with #faab1f

Alternatives to #faab1f

#faab1f Preview

Shades and Tints of #faab1f

Tones of #faab1f

Color Blindness Simulator