#faf312 hex color

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

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

● #faf312 color description : Vivid yellow.

The hexadecimal color #faf312 has RGB values of R:250, G:243, B:18 and CMYK values of C:0, M:0.03, Y:0.93, K:0.02. Its decimal value is 16446226.

Hex triplet	faf312	`#faf312`
RGB Decimal	250, 243, 18	`rgb(250,243,18)`
RGB Percent	98, 95.3, 7.1	`rgb(98%,95.3%,7.1%)`
CMYK	0, 3, 93, 2
HSL	58.2°, 95.9, 52.5	`hsl(58.2,95.9%,52.5%)`
HSV (or HSB)	58.2°, 92.8, 98
Web Safe	ffff00	`#ffff00`

CIE-LAB	93.654, -17.734, 90.31
XYZ	71.585, 84.47, 13.106
xyY	0.423, 0.499, 84.47
CIE-LCH	93.654, 92.035, 101.109
CIE-LUV	93.654, 12.125, 101.508
Hunter-Lab	91.908, -21.81, 55.881
Binary	11111010, 11110011, 00010010

#faf312
```
#faf312 rgb(250,243,18)
```
#1219fa
```
#1219fa rgb(18,25,250)
```

Complementary Color

#fa7f12
```
#fa7f12 rgb(250,127,18)
```
#faf312
```
#faf312 rgb(250,243,18)
```
#8dfa12
```
#8dfa12 rgb(141,250,18)
```

Analogous Color

#7f12fa
```
#7f12fa rgb(127,18,250)
```
#faf312
```
#faf312 rgb(250,243,18)
```
#128dfa
```
#128dfa rgb(18,141,250)
```

Split Complementary Color

#f312fa
```
#f312fa rgb(243,18,250)
```
#faf312
```
#faf312 rgb(250,243,18)
```
#12faf3
```
#12faf3 rgb(18,250,243)
```

Triadic Color

#fa1219
```
#fa1219 rgb(250,18,25)
```
#faf312
```
#faf312 rgb(250,243,18)
```
#12faf3
```
#12faf3 rgb(18,250,243)
```
#1219fa
```
#1219fa rgb(18,25,250)
```

Tetradic Color

#bcb604
```
#bcb604 rgb(188,182,4)
```
#d5ce04
```
#d5ce04 rgb(213,206,4)
```
#ede605
```
#ede605 rgb(237,230,5)
```
#faf312
```
#faf312 rgb(250,243,18)
```
#fbf42b
```
#fbf42b rgb(251,244,43)
```
#fbf644
```
#fbf644 rgb(251,246,68)
```
#fcf75d
```
#fcf75d rgb(252,247,93)
```

Monochromatic Color

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

#fab912
```
#fab912 rgb(250,185,18)
```
#facc12
```
#facc12 rgb(250,204,18)
```
#fae012
```
#fae012 rgb(250,224,18)
```
#faf312
```
#faf312 rgb(250,243,18)
```
#eefa12
```
#eefa12 rgb(238,250,18)
```
#dafa12
```
#dafa12 rgb(218,250,18)
```
#c7fa12
```
#c7fa12 rgb(199,250,18)
```

Similar Colors

Text with hexadecimal color #faf312

This text has a font color of #faf312.

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

#faf312 background color

This paragraph has a background color of #faf312.

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

#faf312 border color

This element has a border color of #faf312.

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

CSS codes

.text {color:#faf312;}

.background {background-color:#faf312;}

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

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, #0d0c00 is the darkest color, while #fffff9 is the lightest one.

#0d0c00
```
#0d0c00 rgb(13,12,0)
```
#201f01
```
#201f01 rgb(32,31,1)
```
#333201
```
#333201 rgb(51,50,1)
```
#464401
```
#464401 rgb(70,68,1)
```
#5a5702
```
#5a5702 rgb(90,87,2)
```
#6d6a02
```
#6d6a02 rgb(109,106,2)
```
#807c03
```
#807c03 rgb(128,124,3)
```
#938f03
```
#938f03 rgb(147,143,3)
```
#a6a104
```
#a6a104 rgb(166,161,4)
```
#bab404
```
#bab404 rgb(186,180,4)
```
#cdc704
```
#cdc704 rgb(205,199,4)
```
#e0d905
```
#e0d905 rgb(224,217,5)
```
#f3ec05
```
#f3ec05 rgb(243,236,5)
```

Shade Color Variation

#faf312
```
#faf312 rgb(250,243,18)
```
#faf425
```
#faf425 rgb(250,244,37)
```
#fbf538
```
#fbf538 rgb(251,245,56)
```
#fbf64c
```
#fbf64c rgb(251,246,76)
```
#fcf75f
```
#fcf75f rgb(252,247,95)
```
#fcf872
```
#fcf872 rgb(252,248,114)
```
#fcf985
```
#fcf985 rgb(252,249,133)
```
#fdfa98
```
#fdfa98 rgb(253,250,152)
```
#fdfbac
```
#fdfbac rgb(253,251,172)
```
#fefcbf
```
#fefcbf rgb(254,252,191)
```
#fefdd2
```
#fefdd2 rgb(254,253,210)
```
#fefee5
```
#fefee5 rgb(254,254,229)
```
#fffff9
```
#fffff9 rgb(255,255,249)
```

Tint Color Variation

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

#8a8a82
```
#8a8a82 rgb(138,138,130)
```
#949378
```
#949378 rgb(148,147,120)
```
#9d9c6f
```
#9d9c6f rgb(157,156,111)
```
#a6a466
```
#a6a466 rgb(166,164,102)
```
#b0ad5c
```
#b0ad5c rgb(176,173,92)
```
#b9b653
```
#b9b653 rgb(185,182,83)
```
#c2bf4a
```
#c2bf4a rgb(194,191,74)
```
#cbc741
```
#cbc741 rgb(203,199,65)
```
#d5d037
```
#d5d037 rgb(213,208,55)
```
#ded92e
```
#ded92e rgb(222,217,46)
```
#e7e225
```
#e7e225 rgb(231,226,37)
```
#f1ea1b
```
#f1ea1b rgb(241,234,27)
```
#faf312
```
#faf312 rgb(250,243,18)
```

Tone Color Variation

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

#dbdbdb Achromatopsia 0.005% of the population
#e1e0b3 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

#fdef70 Protanomaly 1% of men, 0.01% of women
#fded8c Deuteranomaly 6% of men, 0.4% of women
#fdeb9f Tritanomaly 0.01% of the population

#faf312 hex color

#faf312 Color Information

#faf312 Color Conversion

Color Schemes with #faf312

Alternatives to #faf312

#faf312 Preview

Shades and Tints of #faf312

Tones of #faf312

Color Blindness Simulator