#faf22f hex color

In a RGB color space, hex #faf22f is composed of 98% red, 94.9% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 3.2% magenta, 81.2% yellow and 2% black. It has a hue angle of 57.6 degrees, a saturation of 95.3% and a lightness of 58.2%. #faf22f color hex could be obtained by blending #ffff5e with #f5e500. Closest websafe color is: #ffff33.

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

● #faf22f color description : Bright yellow.

The hexadecimal color #faf22f has RGB values of R:250, G:242, B:47 and CMYK values of C:0, M:0.03, Y:0.81, K:0.02. Its decimal value is 16445999.

Hex triplet	faf22f	`#faf22f`
RGB Decimal	250, 242, 47	`rgb(250,242,47)`
RGB Percent	98, 94.9, 18.4	`rgb(98%,94.9%,18.4%)`
CMYK	0, 3, 81, 2
HSL	57.6°, 95.3, 58.2	`hsl(57.6,95.3%,58.2%)`
HSV (or HSB)	57.6°, 81.2, 98
Web Safe	ffff33	`#ffff33`

CIE-LAB	93.466, -16.697, 85.135
XYZ	71.69, 84.035, 15.133
xyY	0.42, 0.492, 84.035
CIE-LCH	93.466, 86.757, 101.096
CIE-LUV	93.466, 12.535, 98.015
Hunter-Lab	91.671, -20.83, 54.382
Binary	11111010, 11110010, 00101111

#faf22f
```
#faf22f rgb(250,242,47)
```
#2f37fa
```
#2f37fa rgb(47,55,250)
```

Complementary Color

#fa8d2f
```
#fa8d2f rgb(250,141,47)
```
#faf22f
```
#faf22f rgb(250,242,47)
```
#9dfa2f
```
#9dfa2f rgb(157,250,47)
```

Analogous Color

#8d2ffa
```
#8d2ffa rgb(141,47,250)
```
#faf22f
```
#faf22f rgb(250,242,47)
```
#2f9dfa
```
#2f9dfa rgb(47,157,250)
```

Split Complementary Color

#f22ffa
```
#f22ffa rgb(242,47,250)
```
#faf22f
```
#faf22f rgb(250,242,47)
```
#2ffaf2
```
#2ffaf2 rgb(47,250,242)
```

Triadic Color

#fa2f37
```
#fa2f37 rgb(250,47,55)
```
#faf22f
```
#faf22f rgb(250,242,47)
```
#2ffaf2
```
#2ffaf2 rgb(47,250,242)
```
#2f37fa
```
#2f37fa rgb(47,55,250)
```

Tetradic Color

#d7cf05
```
#d7cf05 rgb(215,207,5)
```
#f0e706
```
#f0e706 rgb(240,231,6)
```
#f9f016
```
#f9f016 rgb(249,240,22)
```
#faf22f
```
#faf22f rgb(250,242,47)
```
#fbf448
```
#fbf448 rgb(251,244,72)
```
#fbf561
```
#fbf561 rgb(251,245,97)
```
#fcf77a
```
#fcf77a rgb(252,247,122)
```

Monochromatic Color

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

#fabf2f
```
#fabf2f rgb(250,191,47)
```
#fad02f
```
#fad02f rgb(250,208,47)
```
#fae12f
```
#fae12f rgb(250,225,47)
```
#faf22f
```
#faf22f rgb(250,242,47)
```
#f1fa2f
```
#f1fa2f rgb(241,250,47)
```
#e0fa2f
```
#e0fa2f rgb(224,250,47)
```
#cffa2f
```
#cffa2f rgb(207,250,47)
```

Similar Colors

Text with hexadecimal color #faf22f

This text has a font color of #faf22f.

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

#faf22f background color

This paragraph has a background color of #faf22f.

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

#faf22f border color

This element has a border color of #faf22f.

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

CSS codes

.text {color:#faf22f;}

.background {background-color:#faf22f;}

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

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

#030300
```
#030300 rgb(3,3,0)
```
#161501
```
#161501 rgb(22,21,1)
```
#292701
```
#292701 rgb(41,39,1)
```
#3c3a01
```
#3c3a01 rgb(60,58,1)
```
#4f4c02
```
#4f4c02 rgb(79,76,2)
```
#625f02
```
#625f02 rgb(98,95,2)
```
#767103
```
#767103 rgb(118,113,3)
```
#898403
```
#898403 rgb(137,132,3)
```
#9c9604
```
#9c9604 rgb(156,150,4)
```
#afa804
```
#afa804 rgb(175,168,4)
```
#c2bb05
```
#c2bb05 rgb(194,187,5)
```
#d5cd05
```
#d5cd05 rgb(213,205,5)
```
#e9e006
```
#e9e006 rgb(233,224,6)
```

Shade Color Variation

#f9f009
```
#f9f009 rgb(249,240,9)
```
#faf11c
```
#faf11c rgb(250,241,28)
```
#faf22f
```
#faf22f rgb(250,242,47)
```
#faf342
```
#faf342 rgb(250,243,66)
```
#fbf455
```
#fbf455 rgb(251,244,85)
```
#fbf668
```
#fbf668 rgb(251,246,104)
```
#fcf77c
```
#fcf77c rgb(252,247,124)
```
#fcf88f
```
#fcf88f rgb(252,248,143)
```
#fdf9a2
```
#fdf9a2 rgb(253,249,162)
```
#fdfab5
```
#fdfab5 rgb(253,250,181)
```
#fefcc8
```
#fefcc8 rgb(254,252,200)
```
#fefddb
```
#fefddb rgb(254,253,219)
```
#fffeef
```
#fffeef rgb(255,254,239)
```

Tint Color Variation

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

#989791
```
#989791 rgb(152,151,145)
```
#a09f89
```
#a09f89 rgb(160,159,137)
```
#a8a781
```
#a8a781 rgb(168,167,129)
```
#b0ae79
```
#b0ae79 rgb(176,174,121)
```
#b8b671
```
#b8b671 rgb(184,182,113)
```
#c1bd68
```
#c1bd68 rgb(193,189,104)
```
#c9c560
```
#c9c560 rgb(201,197,96)
```
#d1cc58
```
#d1cc58 rgb(209,204,88)
```
#d9d450
```
#d9d450 rgb(217,212,80)
```
#e1db48
```
#e1db48 rgb(225,219,72)
```
#eae33f
```
#eae33f rgb(234,227,63)
```
#f2ea37
```
#f2ea37 rgb(242,234,55)
```
#faf22f
```
#faf22f rgb(250,242,47)
```

Tone Color Variation

Below, you can see how #faf22f 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
#e4e2bb Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#fdef79 Protanomaly 1% of men, 0.01% of women
#fded96 Deuteranomaly 6% of men, 0.4% of women
#fdebaa Tritanomaly 0.01% of the population

#faf22f hex color

#faf22f Color Information

#faf22f Color Conversion

Color Schemes with #faf22f

Alternatives to #faf22f

#faf22f Preview

Shades and Tints of #faf22f

Tones of #faf22f

Color Blindness Simulator