#fac315 hex color

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

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

● #fac315 color description : Vivid yellow.

The hexadecimal color #fac315 has RGB values of R:250, G:195, B:21 and CMYK values of C:0, M:0.22, Y:0.92, K:0.02. Its decimal value is 16433941.

Hex triplet	fac315	`#fac315`
RGB Decimal	250, 195, 21	`rgb(250,195,21)`
RGB Percent	98, 76.5, 8.2	`rgb(98%,76.5%,8.2%)`
CMYK	0, 22, 92, 2
HSL	45.6°, 95.8, 53.1	`hsl(45.6,95.8%,53.1%)`
HSV (or HSB)	45.6°, 91.6, 98
Web Safe	ffcc00	`#ffcc00`

CIE-LAB	81.517, 6.372, 80.801
XYZ	59.076, 59.411, 9.066
xyY	0.463, 0.466, 59.411
CIE-LCH	81.517, 81.052, 85.491
CIE-LUV	81.517, 46.54, 83.406
Hunter-Lab	77.079, 1.921, 46.982
Binary	11111010, 11000011, 00010101

#fac315
```
#fac315 rgb(250,195,21)
```
#154cfa
```
#154cfa rgb(21,76,250)
```

Complementary Color

#fa5115
```
#fa5115 rgb(250,81,21)
```
#fac315
```
#fac315 rgb(250,195,21)
```
#bffa15
```
#bffa15 rgb(191,250,21)
```

Analogous Color

#5115fa
```
#5115fa rgb(81,21,250)
```
#fac315
```
#fac315 rgb(250,195,21)
```
#15bffa
```
#15bffa rgb(21,191,250)
```

Split Complementary Color

#c315fa
```
#c315fa rgb(195,21,250)
```
#fac315
```
#fac315 rgb(250,195,21)
```
#15fac3
```
#15fac3 rgb(21,250,195)
```

Triadic Color

#fa154c
```
#fa154c rgb(250,21,76)
```
#fac315
```
#fac315 rgb(250,195,21)
```
#15fac3
```
#15fac3 rgb(21,250,195)
```
#154cfa
```
#154cfa rgb(21,76,250)
```

Tetradic Color

#be9204
```
#be9204 rgb(190,146,4)
```
#d7a505
```
#d7a505 rgb(215,165,5)
```
#f0b805
```
#f0b805 rgb(240,184,5)
```
#fac315
```
#fac315 rgb(250,195,21)
```
#fbc92e
```
#fbc92e rgb(251,201,46)
```
#fbd047
```
#fbd047 rgb(251,208,71)
```
#fcd660
```
#fcd660 rgb(252,214,96)
```

Monochromatic Color

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

#fa8a15
```
#fa8a15 rgb(250,138,21)
```
#fa9d15
```
#fa9d15 rgb(250,157,21)
```
#fab015
```
#fab015 rgb(250,176,21)
```
#fac315
```
#fac315 rgb(250,195,21)
```
#fad615
```
#fad615 rgb(250,214,21)
```
#fae915
```
#fae915 rgb(250,233,21)
```
#f8fa15
```
#f8fa15 rgb(248,250,21)
```

Similar Colors

Text with hexadecimal color #fac315

This text has a font color of #fac315.

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

#fac315 background color

This paragraph has a background color of #fac315.

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

#fac315 border color

This element has a border color of #fac315.

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

CSS codes

.text {color:#fac315;}

.background {background-color:#fac315;}

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

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

#100c00
```
#100c00 rgb(16,12,0)
```
#231b01
```
#231b01 rgb(35,27,1)
```
#362901
```
#362901 rgb(54,41,1)
```
#493802
```
#493802 rgb(73,56,2)
```
#5c4702
```
#5c4702 rgb(92,71,2)
```
#705502
```
#705502 rgb(112,85,2)
```
#836403
```
#836403 rgb(131,100,3)
```
#967303
```
#967303 rgb(150,115,3)
```
#a98204
```
#a98204 rgb(169,130,4)
```
#bd9004
```
#bd9004 rgb(189,144,4)
```
#d09f04
```
#d09f04 rgb(208,159,4)
```
#e3ae05
```
#e3ae05 rgb(227,174,5)
```
#f6bc05
```
#f6bc05 rgb(246,188,5)
```

Shade Color Variation

#fac315
```
#fac315 rgb(250,195,21)
```
#fac828
```
#fac828 rgb(250,200,40)
```
#fbcd3b
```
#fbcd3b rgb(251,205,59)
```
#fbd24f
```
#fbd24f rgb(251,210,79)
```
#fcd762
```
#fcd762 rgb(252,215,98)
```
#fcdc75
```
#fcdc75 rgb(252,220,117)
```
#fce188
```
#fce188 rgb(252,225,136)
```
#fde59b
```
#fde59b rgb(253,229,155)
```
#fdeaaf
```
#fdeaaf rgb(253,234,175)
```
#feefc2
```
#feefc2 rgb(254,239,194)
```
#fef4d5
```
#fef4d5 rgb(254,244,213)
```
#fff9e8
```
#fff9e8 rgb(255,249,232)
```
#fffefb
```
#fffefb rgb(255,254,251)
```

Tint Color Variation

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

#8c8a83
```
#8c8a83 rgb(140,138,131)
```
#958e7a
```
#958e7a rgb(149,142,122)
```
#9e9371
```
#9e9371 rgb(158,147,113)
```
#a79868
```
#a79868 rgb(167,152,104)
```
#b09d5f
```
#b09d5f rgb(176,157,95)
```
#baa255
```
#baa255 rgb(186,162,85)
```
#c3a64c
```
#c3a64c rgb(195,166,76)
```
#ccab43
```
#ccab43 rgb(204,171,67)
```
#d5b03a
```
#d5b03a rgb(213,176,58)
```
#deb531
```
#deb531 rgb(222,181,49)
```
#e8b927
```
#e8b927 rgb(232,185,39)
```
#f1be1e
```
#f1be1e rgb(241,190,30)
```
#fac315
```
#fac315 rgb(250,195,21)
```

Tone Color Variation

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

#c0c0c0 Achromatopsia 0.005% of the population
#ccc19e Atypical Achromatopsia 0.001% of the population

Dichromacy

#e6cd23 Protanopia 1% of men
#ffc33b Deuteranopia 1% of men
#ffbbc6 Tritanopia 0.001% of the population

Trichromacy

#edc91e Protanomaly 1% of men, 0.01% of women
#fdc32d Deuteranomaly 6% of men, 0.4% of women
#fdbe86 Tritanomaly 0.01% of the population

#fac315 hex color

#fac315 Color Information

#fac315 Color Conversion

Color Schemes with #fac315

Alternatives to #fac315

#fac315 Preview

Shades and Tints of #fac315

Tones of #fac315

Color Blindness Simulator