#fef316 hex color

In a RGB color space, hex #fef316 is composed of 99.6% red, 95.3% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 4.3% magenta, 91.3% yellow and 0.4% black. It has a hue angle of 57.2 degrees, a saturation of 99.1% and a lightness of 54.1%. #fef316 color hex could be obtained by blending #ffff2c with #fde700. Closest websafe color is: #ffff00.

♥
- f
- t
- g
- R 100
- G 95
- B 9
RGB color chart
- C 0
- M 4
- Y 91
- K 0
CMYK color chart

● #fef316 color description : Vivid yellow.

The hexadecimal color #fef316 has RGB values of R:254, G:243, B:22 and CMYK values of C:0, M:0.04, Y:0.91, K:0. Its decimal value is 16708374.

Hex triplet	fef316	`#fef316`
RGB Decimal	254, 243, 22	`rgb(254,243,22)`
RGB Percent	99.6, 95.3, 8.6	`rgb(99.6%,95.3%,8.6%)`
CMYK	0, 4, 91, 0
HSL	57.2°, 99.1, 54.1	`hsl(57.2,99.1%,54.1%)`
HSV (or HSB)	57.2°, 91.3, 99.6
Web Safe	ffff00	`#ffff00`

CIE-LAB	93.983, -16.026, 90.239
XYZ	73.069, 85.232, 13.362
xyY	0.426, 0.497, 85.232
CIE-LCH	93.983, 91.651, 100.071
CIE-LUV	93.983, 14.887, 101.258
Hunter-Lab	92.321, -20.285, 56.044
Binary	11111110, 11110011, 00010110

#fef316
```
#fef316 rgb(254,243,22)
```
#1621fe
```
#1621fe rgb(22,33,254)
```

Complementary Color

#fe7f16
```
#fe7f16 rgb(254,127,22)
```
#fef316
```
#fef316 rgb(254,243,22)
```
#95fe16
```
#95fe16 rgb(149,254,22)
```

Analogous Color

#7f16fe
```
#7f16fe rgb(127,22,254)
```
#fef316
```
#fef316 rgb(254,243,22)
```
#1695fe
```
#1695fe rgb(22,149,254)
```

Split Complementary Color

#f316fe
```
#f316fe rgb(243,22,254)
```
#fef316
```
#fef316 rgb(254,243,22)
```
#16fef3
```
#16fef3 rgb(22,254,243)
```

Triadic Color

#fe1621
```
#fe1621 rgb(254,22,33)
```
#fef316
```
#fef316 rgb(254,243,22)
```
#16fef3
```
#16fef3 rgb(22,254,243)
```
#1621fe
```
#1621fe rgb(22,33,254)
```

Tetradic Color

#c7bd01
```
#c7bd01 rgb(199,189,1)
```
#e0d501
```
#e0d501 rgb(224,213,1)
```
#f9ee01
```
#f9ee01 rgb(249,238,1)
```
#fef316
```
#fef316 rgb(254,243,22)
```
#fef42f
```
#fef42f rgb(254,244,47)
```
#fef649
```
#fef649 rgb(254,246,73)
```
#fef762
```
#fef762 rgb(254,247,98)
```

Monochromatic Color

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

#feb916
```
#feb916 rgb(254,185,22)
```
#fecc16
```
#fecc16 rgb(254,204,22)
```
#fee016
```
#fee016 rgb(254,224,22)
```
#fef316
```
#fef316 rgb(254,243,22)
```
#f6fe16
```
#f6fe16 rgb(246,254,22)
```
#e2fe16
```
#e2fe16 rgb(226,254,22)
```
#cffe16
```
#cffe16 rgb(207,254,22)
```

Similar Colors

Text with hexadecimal color #fef316

This text has a font color of #fef316.

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

#fef316 background color

This paragraph has a background color of #fef316.

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

#fef316 border color

This element has a border color of #fef316.

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

CSS codes

.text {color:#fef316;}

.background {background-color:#fef316;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#151400
```
#151400 rgb(21,20,0)
```
#282700
```
#282700 rgb(40,39,0)
```
#3c3900
```
#3c3900 rgb(60,57,0)
```
#504c00
```
#504c00 rgb(80,76,0)
```
#635e00
```
#635e00 rgb(99,94,0)
```
#777101
```
#777101 rgb(119,113,1)
```
#8a8401
```
#8a8401 rgb(138,132,1)
```
#9e9601
```
#9e9601 rgb(158,150,1)
```
#b1a901
```
#b1a901 rgb(177,169,1)
```
#c5bb01
```
#c5bb01 rgb(197,187,1)
```
#d8ce01
```
#d8ce01 rgb(216,206,1)
```
#ece101
```
#ece101 rgb(236,225,1)
```

Shade Color Variation

#fef202
```
#fef202 rgb(254,242,2)
```
#fef316
```
#fef316 rgb(254,243,22)
```
#fef42a
```
#fef42a rgb(254,244,42)
```
#fef53d
```
#fef53d rgb(254,245,61)
```
#fef651
```
#fef651 rgb(254,246,81)
```
#fef764
```
#fef764 rgb(254,247,100)
```
#fef878
```
#fef878 rgb(254,248,120)
```
#fff98b
```
#fff98b rgb(255,249,139)
```
#fffa9f
```
#fffa9f rgb(255,250,159)
```
#fffbb2
```
#fffbb2 rgb(255,251,178)
```
#fffcc6
```
#fffcc6 rgb(255,252,198)
```
#fffdd9
```
#fffdd9 rgb(255,253,217)
```
#fffeed
```
#fffeed rgb(255,254,237)
```

Tint Color Variation

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

#929182
```
#929182 rgb(146,145,130)
```
#9b9979
```
#9b9979 rgb(155,153,121)
```
#a4a270
```
#a4a270 rgb(164,162,112)
```
#adaa67
```
#adaa67 rgb(173,170,103)
```
#b6b25e
```
#b6b25e rgb(182,178,94)
```
#bfba55
```
#bfba55 rgb(191,186,85)
```
#c8c24c
```
#c8c24c rgb(200,194,76)
```
#d1ca43
```
#d1ca43 rgb(209,202,67)
```
#dad23a
```
#dad23a rgb(218,210,58)
```
#e3db31
```
#e3db31 rgb(227,219,49)
```
#ece328
```
#ece328 rgb(236,227,40)
```
#f5eb1f
```
#f5eb1f rgb(245,235,31)
```
#fef316
```
#fef316 rgb(254,243,22)
```

Tone Color Variation

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

#dddddd Achromatopsia 0.005% of the population
#e4e1b5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffeeac Protanopia 1% of men
#ffebd4 Deuteranopia 1% of men
#ffe9f1 Tritanopia 0.001% of the population

Trichromacy

#fef075 Protanomaly 1% of men, 0.01% of women
#feee8f Deuteranomaly 6% of men, 0.4% of women
#feeca1 Tritanomaly 0.01% of the population

#fef316 hex color

#fef316 Color Information

#fef316 Color Conversion

Color Schemes with #fef316

Alternatives to #fef316

#fef316 Preview

Shades and Tints of #fef316

Tones of #fef316

Color Blindness Simulator