#faf22a hex color

In a RGB color space, hex #faf22a is composed of 98% red, 94.9% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 3.2% magenta, 83.2% yellow and 2% black. It has a hue angle of 57.7 degrees, a saturation of 95.4% and a lightness of 57.3%. #faf22a color hex could be obtained by blending #ffff54 with #f5e500. Closest websafe color is: #ffff33.

♥
- f
- t
- g
- R 98
- G 95
- B 16
RGB color chart
- C 0
- M 3
- Y 83
- K 2
CMYK color chart

● #faf22a color description : Bright yellow.

The hexadecimal color #faf22a has RGB values of R:250, G:242, B:42 and CMYK values of C:0, M:0.03, Y:0.83, K:0.02. Its decimal value is 16445994.

Hex triplet	faf22a	`#faf22a`
RGB Decimal	250, 242, 42	`rgb(250,242,42)`
RGB Percent	98, 94.9, 16.5	`rgb(98%,94.9%,16.5%)`
CMYK	0, 3, 83, 2
HSL	57.7°, 95.4, 57.3	`hsl(57.7,95.4%,57.3%)`
HSV (or HSB)	57.7°, 83.2, 98
Web Safe	ffff33	`#ffff33`

CIE-LAB	93.449, -16.827, 86.263
XYZ	71.595, 83.997, 14.632
xyY	0.421, 0.493, 83.997
CIE-LCH	93.449, 87.889, 101.038
CIE-LUV	93.449, 12.596, 98.747
Hunter-Lab	91.65, -20.947, 54.689
Binary	11111010, 11110010, 00101010

#faf22a
```
#faf22a rgb(250,242,42)
```
#2a32fa
```
#2a32fa rgb(42,50,250)
```

Complementary Color

#fa8a2a
```
#fa8a2a rgb(250,138,42)
```
#faf22a
```
#faf22a rgb(250,242,42)
```
#9afa2a
```
#9afa2a rgb(154,250,42)
```

Analogous Color

#8a2afa
```
#8a2afa rgb(138,42,250)
```
#faf22a
```
#faf22a rgb(250,242,42)
```
#2a9afa
```
#2a9afa rgb(42,154,250)
```

Split Complementary Color

#f22afa
```
#f22afa rgb(242,42,250)
```
#faf22a
```
#faf22a rgb(250,242,42)
```
#2afaf2
```
#2afaf2 rgb(42,250,242)
```

Triadic Color

#fa2a32
```
#fa2a32 rgb(250,42,50)
```
#faf22a
```
#faf22a rgb(250,242,42)
```
#2afaf2
```
#2afaf2 rgb(42,250,242)
```
#2a32fa
```
#2a32fa rgb(42,50,250)
```

Tetradic Color

#d3cb05
```
#d3cb05 rgb(211,203,5)
```
#ebe306
```
#ebe306 rgb(235,227,6)
```
#f9f011
```
#f9f011 rgb(249,240,17)
```
#faf22a
```
#faf22a rgb(250,242,42)
```
#fbf443
```
#fbf443 rgb(251,244,67)
```
#fbf55c
```
#fbf55c rgb(251,245,92)
```
#fcf775
```
#fcf775 rgb(252,247,117)
```

Monochromatic Color

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

#fabe2a
```
#fabe2a rgb(250,190,42)
```
#facf2a
```
#facf2a rgb(250,207,42)
```
#fae12a
```
#fae12a rgb(250,225,42)
```
#faf22a
```
#faf22a rgb(250,242,42)
```
#f1fa2a
```
#f1fa2a rgb(241,250,42)
```
#dffa2a
```
#dffa2a rgb(223,250,42)
```
#cefa2a
```
#cefa2a rgb(206,250,42)
```

Similar Colors

Text with hexadecimal color #faf22a

This text has a font color of #faf22a.

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

#faf22a background color

This paragraph has a background color of #faf22a.

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

#faf22a border color

This element has a border color of #faf22a.

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

CSS codes

.text {color:#faf22a;}

.background {background-color:#faf22a;}

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

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

#111000
```
#111000 rgb(17,16,0)
```
#242301
```
#242301 rgb(36,35,1)
```
#373501
```
#373501 rgb(55,53,1)
```
#4a4802
```
#4a4802 rgb(74,72,2)
```
#5e5a02
```
#5e5a02 rgb(94,90,2)
```
#716d03
```
#716d03 rgb(113,109,3)
```
#847f03
```
#847f03 rgb(132,127,3)
```
#979104
```
#979104 rgb(151,145,4)
```
#aaa404
```
#aaa404 rgb(170,164,4)
```
#bdb604
```
#bdb604 rgb(189,182,4)
```
#d1c905
```
#d1c905 rgb(209,201,5)
```
#e4db05
```
#e4db05 rgb(228,219,5)
```
#f7ee06
```
#f7ee06 rgb(247,238,6)
```

Shade Color Variation

#faf117
```
#faf117 rgb(250,241,23)
```
#faf22a
```
#faf22a rgb(250,242,42)
```
#faf33d
```
#faf33d rgb(250,243,61)
```
#fbf450
```
#fbf450 rgb(251,244,80)
```
#fbf663
```
#fbf663 rgb(251,246,99)
```
#fcf777
```
#fcf777 rgb(252,247,119)
```
#fcf88a
```
#fcf88a rgb(252,248,138)
```
#fdf99d
```
#fdf99d rgb(253,249,157)
```
#fdfab0
```
#fdfab0 rgb(253,250,176)
```
#fefbc3
```
#fefbc3 rgb(254,251,195)
```
#fefdd6
```
#fefdd6 rgb(254,253,214)
```
#fefeea
```
#fefeea rgb(254,254,234)
```
#fffffd
```
#fffffd rgb(255,255,253)
```

Tint Color Variation

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

#95958f
```
#95958f rgb(149,149,143)
```
#9e9d86
```
#9e9d86 rgb(158,157,134)
```
#a6a57e
```
#a6a57e rgb(166,165,126)
```
#afac75
```
#afac75 rgb(175,172,117)
```
#b7b46d
```
#b7b46d rgb(183,180,109)
```
#bfbc65
```
#bfbc65 rgb(191,188,101)
```
#c8c45c
```
#c8c45c rgb(200,196,92)
```
#d0cb54
```
#d0cb54 rgb(208,203,84)
```
#d8d34c
```
#d8d34c rgb(216,211,76)
```
#e1db43
```
#e1db43 rgb(225,219,67)
```
#e9e33b
```
#e9e33b rgb(233,227,59)
```
#f2ea32
```
#f2ea32 rgb(242,234,50)
```
#faf22a
```
#faf22a rgb(250,242,42)
```

Tone Color Variation

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

#dedede Achromatopsia 0.005% of the population
#e4e2ba Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffeda3 Protanopia 1% of men
#ffead0 Deuteranopia 1% of men
#ffe7f0 Tritanopia 0.001% of the population

Trichromacy

#fdef77 Protanomaly 1% of men, 0.01% of women
#fdec94 Deuteranomaly 6% of men, 0.4% of women
#fdeba8 Tritanomaly 0.01% of the population

#faf22a hex color

#faf22a Color Information

#faf22a Color Conversion

Color Schemes with #faf22a

Alternatives to #faf22a

#faf22a Preview

Shades and Tints of #faf22a

Tones of #faf22a

Color Blindness Simulator