#faf150 hex color

In a RGB color space, hex #faf150 is composed of 98% red, 94.5% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 3.6% magenta, 68% yellow and 2% black. It has a hue angle of 56.8 degrees, a saturation of 94.4% and a lightness of 64.7%. #faf150 color hex could be obtained by blending #ffffa0 with #f5e300. Closest websafe color is: #ffff66.

♥
- f
- t
- g
- R 98
- G 95
- B 31
RGB color chart
- C 0
- M 4
- Y 68
- K 2
CMYK color chart

● #faf150 color description : Soft yellow.

The hexadecimal color #faf150 has RGB values of R:250, G:241, B:80 and CMYK values of C:0, M:0.04, Y:0.68, K:0.02. Its decimal value is 16445776.

Hex triplet	faf150	`#faf150`
RGB Decimal	250, 241, 80	`rgb(250,241,80)`
RGB Percent	98, 94.5, 31.4	`rgb(98%,94.5%,31.4%)`
CMYK	0, 4, 68, 2
HSL	56.8°, 94.4, 64.7	`hsl(56.8,94.4%,64.7%)`
HSV (or HSB)	56.8°, 68, 98
Web Safe	ffff66	`#ffff66`

CIE-LAB	93.37, -14.939, 74.961
XYZ	72.328, 83.815, 19.957
xyY	0.411, 0.476, 83.815
CIE-LCH	93.37, 76.436, 101.271
CIE-LUV	93.37, 12.603, 90.521
Hunter-Lab	91.551, -19.193, 51.161
Binary	11111010, 11110001, 01010000

#faf150
```
#faf150 rgb(250,241,80)
```
#5059fa
```
#5059fa rgb(80,89,250)
```

Complementary Color

#fa9c50
```
#fa9c50 rgb(250,156,80)
```
#faf150
```
#faf150 rgb(250,241,80)
```
#aefa50
```
#aefa50 rgb(174,250,80)
```

Analogous Color

#9c50fa
```
#9c50fa rgb(156,80,250)
```
#faf150
```
#faf150 rgb(250,241,80)
```
#50aefa
```
#50aefa rgb(80,174,250)
```

Split Complementary Color

#f150fa
```
#f150fa rgb(241,80,250)
```
#faf150
```
#faf150 rgb(250,241,80)
```
#50faf1
```
#50faf1 rgb(80,250,241)
```

Triadic Color

#fa5059
```
#fa5059 rgb(250,80,89)
```
#faf150
```
#faf150 rgb(250,241,80)
```
#50faf1
```
#50faf1 rgb(80,250,241)
```
#5059fa
```
#5059fa rgb(80,89,250)
```

Tetradic Color

#f6ea07
```
#f6ea07 rgb(246,234,7)
```
#f9ed1e
```
#f9ed1e rgb(249,237,30)
```
#f9ef37
```
#f9ef37 rgb(249,239,55)
```
#faf150
```
#faf150 rgb(250,241,80)
```
#fbf369
```
#fbf369 rgb(251,243,105)
```
#fbf582
```
#fbf582 rgb(251,245,130)
```
#fcf79a
```
#fcf79a rgb(252,247,154)
```

Monochromatic Color

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

#fac750
```
#fac750 rgb(250,199,80)
```
#fad550
```
#fad550 rgb(250,213,80)
```
#fae350
```
#fae350 rgb(250,227,80)
```
#faf150
```
#faf150 rgb(250,241,80)
```
#f5fa50
```
#f5fa50 rgb(245,250,80)
```
#e7fa50
```
#e7fa50 rgb(231,250,80)
```
#d9fa50
```
#d9fa50 rgb(217,250,80)
```

Similar Colors

Text with hexadecimal color #faf150

This text has a font color of #faf150.

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

#faf150 background color

This paragraph has a background color of #faf150.

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

#faf150 border color

This element has a border color of #faf150.

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

CSS codes

.text {color:#faf150;}

.background {background-color:#faf150;}

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

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, #100f00 is the darkest color, while #fffffc is the lightest one.

#100f00
```
#100f00 rgb(16,15,0)
```
#232101
```
#232101 rgb(35,33,1)
```
#363302
```
#363302 rgb(54,51,2)
```
#494502
```
#494502 rgb(73,69,2)
```
#5c5703
```
#5c5703 rgb(92,87,3)
```
#6f6903
```
#6f6903 rgb(111,105,3)
```
#827b04
```
#827b04 rgb(130,123,4)
```
#958e04
```
#958e04 rgb(149,142,4)
```
#a8a005
```
#a8a005 rgb(168,160,5)
```
#bbb205
```
#bbb205 rgb(187,178,5)
```
#cec406
```
#cec406 rgb(206,196,6)
```
#e1d606
```
#e1d606 rgb(225,214,6)
```
#f5e807
```
#f5e807 rgb(245,232,7)
```

Shade Color Variation

#f8ec17
```
#f8ec17 rgb(248,236,23)
```
#f9ee2a
```
#f9ee2a rgb(249,238,42)
```
#f9ef3d
```
#f9ef3d rgb(249,239,61)
```
#faf150
```
#faf150 rgb(250,241,80)
```
#fbf363
```
#fbf363 rgb(251,243,99)
```
#fbf476
```
#fbf476 rgb(251,244,118)
```
#fcf689
```
#fcf689 rgb(252,246,137)
```
#fcf79c
```
#fcf79c rgb(252,247,156)
```
#fdf9af
```
#fdf9af rgb(253,249,175)
```
#fdfac2
```
#fdfac2 rgb(253,250,194)
```
#fefcd5
```
#fefcd5 rgb(254,252,213)
```
#fefde9
```
#fefde9 rgb(254,253,233)
```
#fffffc
```
#fffffc rgb(255,255,252)
```

Tint Color Variation

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

#a7a7a3
```
#a7a7a3 rgb(167,167,163)
```
#aead9c
```
#aead9c rgb(174,173,156)
```
#b5b395
```
#b5b395 rgb(181,179,149)
```
#bcb98e
```
#bcb98e rgb(188,185,142)
```
#c3bf87
```
#c3bf87 rgb(195,191,135)
```
#cac680
```
#cac680 rgb(202,198,128)
```
#d0cc7a
```
#d0cc7a rgb(208,204,122)
```
#d7d273
```
#d7d273 rgb(215,210,115)
```
#ded86c
```
#ded86c rgb(222,216,108)
```
#e5de65
```
#e5de65 rgb(229,222,101)
```
#ece55e
```
#ece55e rgb(236,229,94)
```
#f3eb57
```
#f3eb57 rgb(243,235,87)
```
#faf150
```
#faf150 rgb(250,241,80)
```

Tone Color Variation

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

#e1e1e1 Achromatopsia 0.005% of the population
#e6e4c4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffeda2 Protanopia 1% of men
#ffe9d1 Deuteranopia 1% of men
#ffe6f0 Tritanopia 0.001% of the population

Trichromacy

#fdee84 Protanomaly 1% of men, 0.01% of women
#fdeca2 Deuteranomaly 6% of men, 0.4% of women
#fdeab6 Tritanomaly 0.01% of the population

#faf150 hex color

#faf150 Color Information

#faf150 Color Conversion

Color Schemes with #faf150

Alternatives to #faf150

#faf150 Preview

Shades and Tints of #faf150

Tones of #faf150

Color Blindness Simulator