#ffe316 hex color

In a RGB color space, hex #ffe316 is composed of 100% red, 89% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 11% magenta, 91.4% yellow and 0% black. It has a hue angle of 52.8 degrees, a saturation of 100% and a lightness of 54.3%. #ffe316 color hex could be obtained by blending #ffff2c with #ffc700. Closest websafe color is: #ffcc00.

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

● #ffe316 color description : Vivid yellow.

The hexadecimal color #ffe316 has RGB values of R:255, G:227, B:22 and CMYK values of C:0, M:0.11, Y:0.91, K:0. Its decimal value is 16769814.

Hex triplet	ffe316	`#ffe316`
RGB Decimal	255, 227, 22	`rgb(255,227,22)`
RGB Percent	100, 89, 8.6	`rgb(100%,89%,8.6%)`
CMYK	0, 11, 91, 0
HSL	52.8°, 100, 54.3	`hsl(52.8,100%,54.3%)`
HSV (or HSB)	52.8°, 91.4, 100
Web Safe	ffcc00	`#ffcc00`

CIE-LAB	89.979, -7.75, 87.23
XYZ	68.855, 76.258, 11.852
xyY	0.439, 0.486, 76.258
CIE-LCH	89.979, 87.574, 95.077
CIE-LUV	89.979, 26.667, 95.308
Hunter-Lab	87.326, -12.077, 53.082
Binary	11111111, 11100011, 00010110

#ffe316
```
#ffe316 rgb(255,227,22)
```
#1632ff
```
#1632ff rgb(22,50,255)
```

Complementary Color

#ff6f16
```
#ff6f16 rgb(255,111,22)
```
#ffe316
```
#ffe316 rgb(255,227,22)
```
#a7ff16
```
#a7ff16 rgb(167,255,22)
```

Analogous Color

#6f16ff
```
#6f16ff rgb(111,22,255)
```
#ffe316
```
#ffe316 rgb(255,227,22)
```
#16a7ff
```
#16a7ff rgb(22,167,255)
```

Split Complementary Color

#e316ff
```
#e316ff rgb(227,22,255)
```
#ffe316
```
#ffe316 rgb(255,227,22)
```
#16ffe3
```
#16ffe3 rgb(22,255,227)
```

Triadic Color

#ff1632
```
#ff1632 rgb(255,22,50)
```
#ffe316
```
#ffe316 rgb(255,227,22)
```
#16ffe3
```
#16ffe3 rgb(22,255,227)
```
#1632ff
```
#1632ff rgb(22,50,255)
```

Tetradic Color

#c9b000
```
#c9b000 rgb(201,176,0)
```
#e2c700
```
#e2c700 rgb(226,199,0)
```
#fcdd00
```
#fcdd00 rgb(252,221,0)
```
#ffe316
```
#ffe316 rgb(255,227,22)
```
#ffe630
```
#ffe630 rgb(255,230,48)
```
#ffe949
```
#ffe949 rgb(255,233,73)
```
#ffec63
```
#ffec63 rgb(255,236,99)
```

Monochromatic Color

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

#ffa916
```
#ffa916 rgb(255,169,22)
```
#ffbc16
```
#ffbc16 rgb(255,188,22)
```
#ffd016
```
#ffd016 rgb(255,208,22)
```
#ffe316
```
#ffe316 rgb(255,227,22)
```
#fff616
```
#fff616 rgb(255,246,22)
```
#f4ff16
```
#f4ff16 rgb(244,255,22)
```
#e1ff16
```
#e1ff16 rgb(225,255,22)
```

Similar Colors

Text with hexadecimal color #ffe316

This text has a font color of #ffe316.

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

#ffe316 background color

This paragraph has a background color of #ffe316.

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

#ffe316 border color

This element has a border color of #ffe316.

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

CSS codes

.text {color:#ffe316;}

.background {background-color:#ffe316;}

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

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

#020200
```
#020200 rgb(2,2,0)
```
#161300
```
#161300 rgb(22,19,0)
```
#2a2500
```
#2a2500 rgb(42,37,0)
```
#3d3600
```
#3d3600 rgb(61,54,0)
```
#514700
```
#514700 rgb(81,71,0)
```
#645800
```
#645800 rgb(100,88,0)
```
#786a00
```
#786a00 rgb(120,106,0)
```
#8c7b00
```
#8c7b00 rgb(140,123,0)
```
#9f8c00
```
#9f8c00 rgb(159,140,0)
```
#b39d00
```
#b39d00 rgb(179,157,0)
```
#c7af00
```
#c7af00 rgb(199,175,0)
```
#dac000
```
#dac000 rgb(218,192,0)
```
#eed100
```
#eed100 rgb(238,209,0)
```

Shade Color Variation

#ffe102
```
#ffe102 rgb(255,225,2)
```
#ffe316
```
#ffe316 rgb(255,227,22)
```
#ffe52a
```
#ffe52a rgb(255,229,42)
```
#ffe83d
```
#ffe83d rgb(255,232,61)
```
#ffea51
```
#ffea51 rgb(255,234,81)
```
#ffec64
```
#ffec64 rgb(255,236,100)
```
#ffef78
```
#ffef78 rgb(255,239,120)
```
#fff18c
```
#fff18c rgb(255,241,140)
```
#fff49f
```
#fff49f rgb(255,244,159)
```
#fff6b3
```
#fff6b3 rgb(255,246,179)
```
#fff8c7
```
#fff8c7 rgb(255,248,199)
```
#fffbda
```
#fffbda rgb(255,251,218)
```
#fffdee
```
#fffdee rgb(255,253,238)
```

Tint Color Variation

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

#939182
```
#939182 rgb(147,145,130)
```
#9c9879
```
#9c9879 rgb(156,152,121)
```
#a59f70
```
#a59f70 rgb(165,159,112)
```
#aea667
```
#aea667 rgb(174,166,103)
```
#b7ad5e
```
#b7ad5e rgb(183,173,94)
```
#c0b355
```
#c0b355 rgb(192,179,85)
```
#c9ba4c
```
#c9ba4c rgb(201,186,76)
```
#d2c143
```
#d2c143 rgb(210,193,67)
```
#dbc83a
```
#dbc83a rgb(219,200,58)
```
#e4cf31
```
#e4cf31 rgb(228,207,49)
```
#edd528
```
#edd528 rgb(237,213,40)
```
#f6dc1f
```
#f6dc1f rgb(246,220,31)
```
#ffe316
```
#ffe316 rgb(255,227,22)
```

Tone Color Variation

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

#d4d4d4 Achromatopsia 0.005% of the population
#ddd7ae Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffe434 Protanopia 1% of men
#ffdfb3 Deuteranopia 1% of men
#ffdae4 Tritanopia 0.001% of the population

Trichromacy

#ffe329 Protanomaly 1% of men, 0.01% of women
#ffe07a Deuteranomaly 6% of men, 0.4% of women
#ffdd99 Tritanomaly 0.01% of the population

#ffe316 hex color

#ffe316 Color Information

#ffe316 Color Conversion

Color Schemes with #ffe316

Alternatives to #ffe316

#ffe316 Preview

Shades and Tints of #ffe316

Tones of #ffe316

Color Blindness Simulator