#faf309 hex color

In a RGB color space, hex #faf309 is composed of 98% red, 95.3% green and 3.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 2.8% magenta, 96.4% yellow and 2% black. It has a hue angle of 58.3 degrees, a saturation of 96% and a lightness of 50.8%. #faf309 color hex could be obtained by blending #ffff12 with #f5e700. Closest websafe color is: #ffff00.

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

● #faf309 color description : Vivid yellow.

The hexadecimal color #faf309 has RGB values of R:250, G:243, B:9 and CMYK values of C:0, M:0.03, Y:0.96, K:0.02. Its decimal value is 16446217.

Hex triplet	faf309	`#faf309`
RGB Decimal	250, 243, 9	`rgb(250,243,9)`
RGB Percent	98, 95.3, 3.5	`rgb(98%,95.3%,3.5%)`
CMYK	0, 3, 96, 2
HSL	58.3°, 96, 50.8	`hsl(58.3,96%,50.8%)`
HSV (or HSB)	58.3°, 96.4, 98
Web Safe	ffff00	`#ffff00`

CIE-LAB	93.644, -17.816, 91.091
XYZ	71.525, 84.446, 12.791
xyY	0.424, 0.5, 84.446
CIE-LCH	93.644, 92.817, 101.066
CIE-LUV	93.644, 12.163, 101.972
Hunter-Lab	91.895, -21.884, 56.074
Binary	11111010, 11110011, 00001001

#faf309
```
#faf309 rgb(250,243,9)
```
#0910fa
```
#0910fa rgb(9,16,250)
```

Complementary Color

#fa7b09
```
#fa7b09 rgb(250,123,9)
```
#faf309
```
#faf309 rgb(250,243,9)
```
#89fa09
```
#89fa09 rgb(137,250,9)
```

Analogous Color

#7b09fa
```
#7b09fa rgb(123,9,250)
```
#faf309
```
#faf309 rgb(250,243,9)
```
#0989fa
```
#0989fa rgb(9,137,250)
```

Split Complementary Color

#f309fa
```
#f309fa rgb(243,9,250)
```
#faf309
```
#faf309 rgb(250,243,9)
```
#09faf3
```
#09faf3 rgb(9,250,243)
```

Triadic Color

#fa0910
```
#fa0910 rgb(250,9,16)
```
#faf309
```
#faf309 rgb(250,243,9)
```
#09faf3
```
#09faf3 rgb(9,250,243)
```
#0910fa
```
#0910fa rgb(9,16,250)
```

Tetradic Color

#b3ae04
```
#b3ae04 rgb(179,174,4)
```
#ccc604
```
#ccc604 rgb(204,198,4)
```
#e5de05
```
#e5de05 rgb(229,222,5)
```
#faf309
```
#faf309 rgb(250,243,9)
```
#fbf422
```
#fbf422 rgb(251,244,34)
```
#fbf53b
```
#fbf53b rgb(251,245,59)
```
#fcf754
```
#fcf754 rgb(252,247,84)
```

Monochromatic Color

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

#fab709
```
#fab709 rgb(250,183,9)
```
#facb09
```
#facb09 rgb(250,203,9)
```
#fadf09
```
#fadf09 rgb(250,223,9)
```
#faf309
```
#faf309 rgb(250,243,9)
```
#edfa09
```
#edfa09 rgb(237,250,9)
```
#d9fa09
```
#d9fa09 rgb(217,250,9)
```
#c5fa09
```
#c5fa09 rgb(197,250,9)
```

Similar Colors

Text with hexadecimal color #faf309

This text has a font color of #faf309.

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

#faf309 background color

This paragraph has a background color of #faf309.

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

#faf309 border color

This element has a border color of #faf309.

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

CSS codes

.text {color:#faf309;}

.background {background-color:#faf309;}

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

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

#040400
```
#040400 rgb(4,4,0)
```
#171600
```
#171600 rgb(23,22,0)
```
#2a2901
```
#2a2901 rgb(42,41,1)
```
#3e3c01
```
#3e3c01 rgb(62,60,1)
```
#514f02
```
#514f02 rgb(81,79,2)
```
#646102
```
#646102 rgb(100,97,2)
```
#777402
```
#777402 rgb(119,116,2)
```
#8a8703
```
#8a8703 rgb(138,135,3)
```
#9e9903
```
#9e9903 rgb(158,153,3)
```
#b1ac04
```
#b1ac04 rgb(177,172,4)
```
#c4bf04
```
#c4bf04 rgb(196,191,4)
```
#d7d104
```
#d7d104 rgb(215,209,4)
```
#ebe405
```
#ebe405 rgb(235,228,5)
```

Shade Color Variation

#faf309
```
#faf309 rgb(250,243,9)
```
#faf41c
```
#faf41c rgb(250,244,28)
```
#fbf52f
```
#fbf52f rgb(251,245,47)
```
#fbf643
```
#fbf643 rgb(251,246,67)
```
#fcf756
```
#fcf756 rgb(252,247,86)
```
#fcf869
```
#fcf869 rgb(252,248,105)
```
#fcf97c
```
#fcf97c rgb(252,249,124)
```
#fdfa90
```
#fdfa90 rgb(253,250,144)
```
#fdfba3
```
#fdfba3 rgb(253,251,163)
```
#fefbb6
```
#fefbb6 rgb(254,251,182)
```
#fefcc9
```
#fefcc9 rgb(254,252,201)
```
#fefddc
```
#fefddc rgb(254,253,220)
```
#fffef0
```
#fffef0 rgb(255,254,240)
```

Tint Color Variation

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

#86867d
```
#86867d rgb(134,134,125)
```
#908f73
```
#908f73 rgb(144,143,115)
```
#99986a
```
#99986a rgb(153,152,106)
```
#a3a160
```
#a3a160 rgb(163,161,96)
```
#adaa56
```
#adaa56 rgb(173,170,86)
```
#b6b34d
```
#b6b34d rgb(182,179,77)
```
#c0bc43
```
#c0bc43 rgb(192,188,67)
```
#cac639
```
#cac639 rgb(202,198,57)
```
#d3cf30
```
#d3cf30 rgb(211,207,48)
```
#ddd826
```
#ddd826 rgb(221,216,38)
```
#e7e11c
```
#e7e11c rgb(231,225,28)
```
#f0ea13
```
#f0ea13 rgb(240,234,19)
```
#faf309
```
#faf309 rgb(250,243,9)
```

Tone Color Variation

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

#dadada Achromatopsia 0.005% of the population
#e0dfb0 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#fdef6d Protanomaly 1% of men, 0.01% of women
#fded88 Deuteranomaly 6% of men, 0.4% of women
#fdeb9c Tritanomaly 0.01% of the population

#faf309 hex color

#faf309 Color Information

#faf309 Color Conversion

Color Schemes with #faf309

Alternatives to #faf309

#faf309 Preview

Shades and Tints of #faf309

Tones of #faf309

Color Blindness Simulator