#faf315 hex color

In a RGB color space, hex #faf315 is composed of 98% red, 95.3% green and 8.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 2.8% magenta, 91.6% yellow and 2% black. It has a hue angle of 58.2 degrees, a saturation of 95.8% and a lightness of 53.1%. #faf315 color hex could be obtained by blending #ffff2a with #f5e700. Closest websafe color is: #ffff00.

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

● #faf315 color description : Vivid yellow.

The hexadecimal color #faf315 has RGB values of R:250, G:243, B:21 and CMYK values of C:0, M:0.03, Y:0.92, K:0.02. Its decimal value is 16446229.

Hex triplet	faf315	`#faf315`
RGB Decimal	250, 243, 21	`rgb(250,243,21)`
RGB Percent	98, 95.3, 8.2	`rgb(98%,95.3%,8.2%)`
CMYK	0, 3, 92, 2
HSL	58.2°, 95.8, 53.1	`hsl(58.2,95.8%,53.1%)`
HSV (or HSB)	58.2°, 91.6, 98
Web Safe	ffff00	`#ffff00`

CIE-LAB	93.659, -17.698, 89.973
XYZ	71.611, 84.481, 13.244
xyY	0.423, 0.499, 84.481
CIE-LCH	93.659, 91.697, 101.128
CIE-LUV	93.659, 12.109, 101.306
Hunter-Lab	91.913, -21.778, 55.796
Binary	11111010, 11110011, 00010101

#faf315
```
#faf315 rgb(250,243,21)
```
#151cfa
```
#151cfa rgb(21,28,250)
```

Complementary Color

#fa8115
```
#fa8115 rgb(250,129,21)
```
#faf315
```
#faf315 rgb(250,243,21)
```
#8ffa15
```
#8ffa15 rgb(143,250,21)
```

Analogous Color

#8115fa
```
#8115fa rgb(129,21,250)
```
#faf315
```
#faf315 rgb(250,243,21)
```
#158ffa
```
#158ffa rgb(21,143,250)
```

Split Complementary Color

#f315fa
```
#f315fa rgb(243,21,250)
```
#faf315
```
#faf315 rgb(250,243,21)
```
#15faf3
```
#15faf3 rgb(21,250,243)
```

Triadic Color

#fa151c
```
#fa151c rgb(250,21,28)
```
#faf315
```
#faf315 rgb(250,243,21)
```
#15faf3
```
#15faf3 rgb(21,250,243)
```
#151cfa
```
#151cfa rgb(21,28,250)
```

Tetradic Color

#beb904
```
#beb904 rgb(190,185,4)
```
#d7d105
```
#d7d105 rgb(215,209,5)
```
#f0e905
```
#f0e905 rgb(240,233,5)
```
#faf315
```
#faf315 rgb(250,243,21)
```
#fbf42e
```
#fbf42e rgb(251,244,46)
```
#fbf647
```
#fbf647 rgb(251,246,71)
```
#fcf760
```
#fcf760 rgb(252,247,96)
```

Monochromatic Color

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

#faba15
```
#faba15 rgb(250,186,21)
```
#facd15
```
#facd15 rgb(250,205,21)
```
#fae015
```
#fae015 rgb(250,224,21)
```
#faf315
```
#faf315 rgb(250,243,21)
```
#eefa15
```
#eefa15 rgb(238,250,21)
```
#dbfa15
```
#dbfa15 rgb(219,250,21)
```
#c8fa15
```
#c8fa15 rgb(200,250,21)
```

Similar Colors

Text with hexadecimal color #faf315

This text has a font color of #faf315.

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

#faf315 background color

This paragraph has a background color of #faf315.

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

#faf315 border color

This element has a border color of #faf315.

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

CSS codes

.text {color:#faf315;}

.background {background-color:#faf315;}

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

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

#100f00
```
#100f00 rgb(16,15,0)
```
#232201
```
#232201 rgb(35,34,1)
```
#363401
```
#363401 rgb(54,52,1)
```
#494702
```
#494702 rgb(73,71,2)
```
#5c5a02
```
#5c5a02 rgb(92,90,2)
```
#706c02
```
#706c02 rgb(112,108,2)
```
#837f03
```
#837f03 rgb(131,127,3)
```
#969203
```
#969203 rgb(150,146,3)
```
#a9a404
```
#a9a404 rgb(169,164,4)
```
#bdb704
```
#bdb704 rgb(189,183,4)
```
#d0ca04
```
#d0ca04 rgb(208,202,4)
```
#e3dc05
```
#e3dc05 rgb(227,220,5)
```
#f6ef05
```
#f6ef05 rgb(246,239,5)
```

Shade Color Variation

#faf315
```
#faf315 rgb(250,243,21)
```
#faf428
```
#faf428 rgb(250,244,40)
```
#fbf53b
```
#fbf53b rgb(251,245,59)
```
#fbf64f
```
#fbf64f rgb(251,246,79)
```
#fcf762
```
#fcf762 rgb(252,247,98)
```
#fcf875
```
#fcf875 rgb(252,248,117)
```
#fcf988
```
#fcf988 rgb(252,249,136)
```
#fdfa9b
```
#fdfa9b rgb(253,250,155)
```
#fdfbaf
```
#fdfbaf rgb(253,251,175)
```
#fefcc2
```
#fefcc2 rgb(254,252,194)
```
#fefdd5
```
#fefdd5 rgb(254,253,213)
```
#fffee8
```
#fffee8 rgb(255,254,232)
```
#fffffb
```
#fffffb rgb(255,255,251)
```

Tint Color Variation

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

#8c8b83
```
#8c8b83 rgb(140,139,131)
```
#95947a
```
#95947a rgb(149,148,122)
```
#9e9d71
```
#9e9d71 rgb(158,157,113)
```
#a7a568
```
#a7a568 rgb(167,165,104)
```
#b0ae5f
```
#b0ae5f rgb(176,174,95)
```
#bab755
```
#bab755 rgb(186,183,85)
```
#c3bf4c
```
#c3bf4c rgb(195,191,76)
```
#ccc843
```
#ccc843 rgb(204,200,67)
```
#d5d03a
```
#d5d03a rgb(213,208,58)
```
#ded931
```
#ded931 rgb(222,217,49)
```
#e8e227
```
#e8e227 rgb(232,226,39)
```
#f1ea1e
```
#f1ea1e rgb(241,234,30)
```
#faf315
```
#faf315 rgb(250,243,21)
```

Tone Color Variation

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

#dcdcdc Achromatopsia 0.005% of the population
#e2e1b4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffeea6 Protanopia 1% of men
#ffead2 Deuteranopia 1% of men
#ffe7f1 Tritanopia 0.001% of the population

Trichromacy

#fdef71 Protanomaly 1% of men, 0.01% of women
#fded8d Deuteranomaly 6% of men, 0.4% of women
#fdeba1 Tritanomaly 0.01% of the population

#faf315 hex color

#faf315 Color Information

#faf315 Color Conversion

Color Schemes with #faf315

Alternatives to #faf315

#faf315 Preview

Shades and Tints of #faf315

Tones of #faf315

Color Blindness Simulator