#fab31f hex color

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

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

● #fab31f color description : Vivid orange.

The hexadecimal color #fab31f has RGB values of R:250, G:179, B:31 and CMYK values of C:0, M:0.28, Y:0.88, K:0.02. Its decimal value is 16429855.

Hex triplet	fab31f	`#fab31f`
RGB Decimal	250, 179, 31	`rgb(250,179,31)`
RGB Percent	98, 70.2, 12.2	`rgb(98%,70.2%,12.2%)`
CMYK	0, 28, 88, 2
HSL	40.5°, 95.6, 55.1	`hsl(40.5,95.6%,55.1%)`
HSV (or HSB)	40.5°, 87.6, 98
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	77.678, 14.866, 75.958
XYZ	55.793, 52.667, 8.523
xyY	0.477, 0.45, 52.667
CIE-LCH	77.678, 77.399, 78.926
CIE-LUV	77.678, 58.851, 76.381
Hunter-Lab	72.572, 10.23, 43.837
Binary	11111010, 10110011, 00011111

#fab31f
```
#fab31f rgb(250,179,31)
```
#1f66fa
```
#1f66fa rgb(31,102,250)
```

Complementary Color

#fa461f
```
#fa461f rgb(250,70,31)
```
#fab31f
```
#fab31f rgb(250,179,31)
```
#d4fa1f
```
#d4fa1f rgb(212,250,31)
```

Analogous Color

#451ffa
```
#451ffa rgb(69,31,250)
```
#fab31f
```
#fab31f rgb(250,179,31)
```
#1fd4fa
```
#1fd4fa rgb(31,212,250)
```

Split Complementary Color

#b31ffa
```
#b31ffa rgb(179,31,250)
```
#fab31f
```
#fab31f rgb(250,179,31)
```
#1ffab3
```
#1ffab3 rgb(31,250,179)
```

Triadic Color

#fa1f66
```
#fa1f66 rgb(250,31,102)
```
#fab31f
```
#fab31f rgb(250,179,31)
```
#1ffab3
```
#1ffab3 rgb(31,250,179)
```
#1f66fa
```
#1f66fa rgb(31,102,250)
```

Tetradic Color

#c88904
```
#c88904 rgb(200,137,4)
```
#e19a05
```
#e19a05 rgb(225,154,5)
```
#f9ab06
```
#f9ab06 rgb(249,171,6)
```
#fab31f
```
#fab31f rgb(250,179,31)
```
#fbbb38
```
#fbbb38 rgb(251,187,56)
```
#fbc451
```
#fbc451 rgb(251,196,81)
```
#fccc6a
```
#fccc6a rgb(252,204,106)
```

Monochromatic Color

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

#fa7c1f
```
#fa7c1f rgb(250,124,31)
```
#fa8f1f
```
#fa8f1f rgb(250,143,31)
```
#faa11f
```
#faa11f rgb(250,161,31)
```
#fab31f
```
#fab31f rgb(250,179,31)
```
#fac51f
```
#fac51f rgb(250,197,31)
```
#fad81f
```
#fad81f rgb(250,216,31)
```
#faea1f
```
#faea1f rgb(250,234,31)
```

Similar Colors

Text with hexadecimal color #fab31f

This text has a font color of #fab31f.

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

#fab31f background color

This paragraph has a background color of #fab31f.

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

#fab31f border color

This element has a border color of #fab31f.

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

CSS codes

.text {color:#fab31f;}

.background {background-color:#fab31f;}

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

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 #fffbf2 is the lightest one.

#060400
```
#060400 rgb(6,4,0)
```
#191101
```
#191101 rgb(25,17,1)
```
#2d1e01
```
#2d1e01 rgb(45,30,1)
```
#402c01
```
#402c01 rgb(64,44,1)
```
#533902
```
#533902 rgb(83,57,2)
```
#664602
```
#664602 rgb(102,70,2)
```
#795303
```
#795303 rgb(121,83,3)
```
#8d6003
```
#8d6003 rgb(141,96,3)
```
#a06d04
```
#a06d04 rgb(160,109,4)
```
#b37a04
```
#b37a04 rgb(179,122,4)
```
#c68704
```
#c68704 rgb(198,135,4)
```
#d99405
```
#d99405 rgb(217,148,5)
```
#eca205
```
#eca205 rgb(236,162,5)
```

Shade Color Variation

#faac0c
```
#faac0c rgb(250,172,12)
```
#fab31f
```
#fab31f rgb(250,179,31)
```
#faba32
```
#faba32 rgb(250,186,50)
```
#fbc045
```
#fbc045 rgb(251,192,69)
```
#fbc759
```
#fbc759 rgb(251,199,89)
```
#fccd6c
```
#fccd6c rgb(252,205,108)
```
#fcd47f
```
#fcd47f rgb(252,212,127)
```
#fdda92
```
#fdda92 rgb(253,218,146)
```
#fde1a5
```
#fde1a5 rgb(253,225,165)
```
#fde7b8
```
#fde7b8 rgb(253,231,184)
```
#feeecc
```
#feeecc rgb(254,238,204)
```
#fef4df
```
#fef4df rgb(254,244,223)
```
#fffbf2
```
#fffbf2 rgb(255,251,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 #fab31f is the most saturated one.

#908e89
```
#908e89 rgb(144,142,137)
```
#999180
```
#999180 rgb(153,145,128)
```
#a29477
```
#a29477 rgb(162,148,119)
```
#ab976e
```
#ab976e rgb(171,151,110)
```
#b49a65
```
#b49a65 rgb(180,154,101)
```
#bc9d5d
```
#bc9d5d rgb(188,157,93)
```
#c5a054
```
#c5a054 rgb(197,160,84)
```
#cea44b
```
#cea44b rgb(206,164,75)
```
#d7a742
```
#d7a742 rgb(215,167,66)
```
#e0aa39
```
#e0aa39 rgb(224,170,57)
```
#e8ad31
```
#e8ad31 rgb(232,173,49)
```
#f1b028
```
#f1b028 rgb(241,176,40)
```
#fab31f
```
#fab31f rgb(250,179,31)
```

Tone Color Variation

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

#b7b7b7 Achromatopsia 0.005% of the population
#c4b699 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dac32e Protanopia 1% of men
#f3b928 Deuteranopia 1% of men
#ffacb7 Tritanopia 0.001% of the population

Trichromacy

#e6bd28 Protanomaly 1% of men, 0.01% of women
#f6b724 Deuteranomaly 6% of men, 0.4% of women
#fdaf80 Tritanomaly 0.01% of the population

#fab31f hex color

#fab31f Color Information

#fab31f Color Conversion

Color Schemes with #fab31f

Alternatives to #fab31f

#fab31f Preview

Shades and Tints of #fab31f

Tones of #fab31f

Color Blindness Simulator