#faab2c hex color

In a RGB color space, hex #faab2c is composed of 98% red, 67.1% green and 17.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.6% magenta, 82.4% yellow and 2% black. It has a hue angle of 37 degrees, a saturation of 95.4% and a lightness of 57.6%. #faab2c color hex could be obtained by blending #ffff58 with #f55700. Closest websafe color is: #ff9933.

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

● #faab2c color description : Bright orange.

The hexadecimal color #faab2c has RGB values of R:250, G:171, B:44 and CMYK values of C:0, M:0.32, Y:0.82, K:0.02. Its decimal value is 16427820.

Hex triplet	faab2c	`#faab2c`
RGB Decimal	250, 171, 44	`rgb(250,171,44)`
RGB Percent	98, 67.1, 17.3	`rgb(98%,67.1%,17.3%)`
CMYK	0, 32, 82, 2
HSL	37°, 95.4, 57.6	`hsl(37,95.4%,57.6%)`
HSV (or HSB)	37°, 82.4, 98
Web Safe	ff9933	`#ff9933`

CIE-LAB	75.845, 19.363, 70.923
XYZ	54.443, 49.635, 9.096
xyY	0.481, 0.439, 49.635
CIE-LCH	75.845, 73.519, 74.73
CIE-LUV	75.845, 64.803, 71.3
Hunter-Lab	70.452, 14.647, 41.662
Binary	11111010, 10101011, 00101100

#faab2c
```
#faab2c rgb(250,171,44)
```
#2c7bfa
```
#2c7bfa rgb(44,123,250)
```

Complementary Color

#fa442c
```
#fa442c rgb(250,68,44)
```
#faab2c
```
#faab2c rgb(250,171,44)
```
#e2fa2c
```
#e2fa2c rgb(226,250,44)
```

Analogous Color

#442cfa
```
#442cfa rgb(68,44,250)
```
#faab2c
```
#faab2c rgb(250,171,44)
```
#2ce2fa
```
#2ce2fa rgb(44,226,250)
```

Split Complementary Color

#ab2cfa
```
#ab2cfa rgb(171,44,250)
```
#faab2c
```
#faab2c rgb(250,171,44)
```
#2cfaab
```
#2cfaab rgb(44,250,171)
```

Triadic Color

#fa2c7b
```
#fa2c7b rgb(250,44,123)
```
#faab2c
```
#faab2c rgb(250,171,44)
```
#2cfaab
```
#2cfaab rgb(44,250,171)
```
#2c7bfa
```
#2c7bfa rgb(44,123,250)
```

Tetradic Color

#d48505
```
#d48505 rgb(212,133,5)
```
#ed9506
```
#ed9506 rgb(237,149,6)
```
#f9a113
```
#f9a113 rgb(249,161,19)
```
#faab2c
```
#faab2c rgb(250,171,44)
```
#fbb545
```
#fbb545 rgb(251,181,69)
```
#fbbf5e
```
#fbbf5e rgb(251,191,94)
```
#fcc977
```
#fcc977 rgb(252,201,119)
```

Monochromatic Color

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

#fa782c
```
#fa782c rgb(250,120,44)
```
#fa892c
```
#fa892c rgb(250,137,44)
```
#fa9a2c
```
#fa9a2c rgb(250,154,44)
```
#faab2c
```
#faab2c rgb(250,171,44)
```
#fabc2c
```
#fabc2c rgb(250,188,44)
```
#facd2c
```
#facd2c rgb(250,205,44)
```
#fadf2c
```
#fadf2c rgb(250,223,44)
```

Similar Colors

Text with hexadecimal color #faab2c

This text has a font color of #faab2c.

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

#faab2c background color

This paragraph has a background color of #faab2c.

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

#faab2c border color

This element has a border color of #faab2c.

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

CSS codes

.text {color:#faab2c;}

.background {background-color:#faab2c;}

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

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, #130c00 is the darkest color, while #ffffff is the lightest one.

#130c00
```
#130c00 rgb(19,12,0)
```
#261801
```
#261801 rgb(38,24,1)
```
#392401
```
#392401 rgb(57,36,1)
```
#4c3002
```
#4c3002 rgb(76,48,2)
```
#603c02
```
#603c02 rgb(96,60,2)
```
#734803
```
#734803 rgb(115,72,3)
```
#865403
```
#865403 rgb(134,84,3)
```
#996004
```
#996004 rgb(153,96,4)
```
#ac6c04
```
#ac6c04 rgb(172,108,4)
```
#bf7805
```
#bf7805 rgb(191,120,5)
```
#d38405
```
#d38405 rgb(211,132,5)
```
#e69005
```
#e69005 rgb(230,144,5)
```
#f99c06
```
#f99c06 rgb(249,156,6)
```

Shade Color Variation

#faa319
```
#faa319 rgb(250,163,25)
```
#faab2c
```
#faab2c rgb(250,171,44)
```
#fab33f
```
#fab33f rgb(250,179,63)
```
#fbba52
```
#fbba52 rgb(251,186,82)
```
#fbc265
```
#fbc265 rgb(251,194,101)
```
#fcca79
```
#fcca79 rgb(252,202,121)
```
#fcd18c
```
#fcd18c rgb(252,209,140)
```
#fdd99f
```
#fdd99f rgb(253,217,159)
```
#fde0b2
```
#fde0b2 rgb(253,224,178)
```
#fee8c5
```
#fee8c5 rgb(254,232,197)
```
#fef0d8
```
#fef0d8 rgb(254,240,216)
```
#fff7ec
```
#fff7ec rgb(255,247,236)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#969490
```
#969490 rgb(150,148,144)
```
#9f9687
```
#9f9687 rgb(159,150,135)
```
#a7987f
```
#a7987f rgb(167,152,127)
```
#af9a77
```
#af9a77 rgb(175,154,119)
```
#b89c6e
```
#b89c6e rgb(184,156,110)
```
#c09d66
```
#c09d66 rgb(192,157,102)
```
#c89f5e
```
#c89f5e rgb(200,159,94)
```
#d0a156
```
#d0a156 rgb(208,161,86)
```
#d9a34d
```
#d9a34d rgb(217,163,77)
```
#e1a545
```
#e1a545 rgb(225,165,69)
```
#e9a73d
```
#e9a73d rgb(233,167,61)
```
#f2a934
```
#f2a934 rgb(242,169,52)
```
#faab2c
```
#faab2c rgb(250,171,44)
```

Tone Color Variation

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

#b4b4b4 Achromatopsia 0.005% of the population
#c2b299 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d4be3a Protanopia 1% of men
#edb533 Deuteranopia 1% of men
#ffa5b0 Tritanopia 0.001% of the population

Trichromacy

#e2b735 Protanomaly 1% of men, 0.01% of women
#f1b130 Deuteranomaly 6% of men, 0.4% of women
#fda780 Tritanomaly 0.01% of the population

#faab2c hex color

#faab2c Color Information

#faab2c Color Conversion

Color Schemes with #faab2c

Alternatives to #faab2c

#faab2c Preview

Shades and Tints of #faab2c

Tones of #faab2c

Color Blindness Simulator