#fff016 hex color

In a RGB color space, hex #fff016 is composed of 100% red, 94.1% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 5.9% magenta, 91.4% yellow and 0% black. It has a hue angle of 56.1 degrees, a saturation of 100% and a lightness of 54.3%. #fff016 color hex could be obtained by blending #ffff2c with #ffe100. Closest websafe color is: #ffff00.

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

● #fff016 color description : Vivid yellow.

The hexadecimal color #fff016 has RGB values of R:255, G:240, B:22 and CMYK values of C:0, M:0.06, Y:0.91, K:0. Its decimal value is 16773142.

Hex triplet	fff016	`#fff016`
RGB Decimal	255, 240, 22	`rgb(255,240,22)`
RGB Percent	100, 94.1, 8.6	`rgb(100%,94.1%,8.6%)`
CMYK	0, 6, 91, 0
HSL	56.1°, 100, 54.3	`hsl(56.1,100%,54.3%)`
HSV (or HSB)	56.1°, 91.4, 100
Web Safe	ffff00	`#ffff00`

CIE-LAB	93.294, -14.153, 89.749
XYZ	72.545, 83.64, 13.082
xyY	0.429, 0.494, 83.64
CIE-LCH	93.294, 90.858, 98.961
CIE-LUV	93.294, 17.624, 100.148
Hunter-Lab	91.455, -18.453, 55.537
Binary	11111111, 11110000, 00010110

#fff016
```
#fff016 rgb(255,240,22)
```
#1625ff
```
#1625ff rgb(22,37,255)
```

Complementary Color

#ff7c16
```
#ff7c16 rgb(255,124,22)
```
#fff016
```
#fff016 rgb(255,240,22)
```
#9aff16
```
#9aff16 rgb(154,255,22)
```

Analogous Color

#7c16ff
```
#7c16ff rgb(124,22,255)
```
#fff016
```
#fff016 rgb(255,240,22)
```
#169aff
```
#169aff rgb(22,154,255)
```

Split Complementary Color

#f016ff
```
#f016ff rgb(240,22,255)
```
#fff016
```
#fff016 rgb(255,240,22)
```
#16fff0
```
#16fff0 rgb(22,255,240)
```

Triadic Color

#ff1625
```
#ff1625 rgb(255,22,37)
```
#fff016
```
#fff016 rgb(255,240,22)
```
#16fff0
```
#16fff0 rgb(22,255,240)
```
#1625ff
```
#1625ff rgb(22,37,255)
```

Tetradic Color

#c9bc00
```
#c9bc00 rgb(201,188,0)
```
#e2d300
```
#e2d300 rgb(226,211,0)
```
#fceb00
```
#fceb00 rgb(252,235,0)
```
#fff016
```
#fff016 rgb(255,240,22)
```
#fff230
```
#fff230 rgb(255,242,48)
```
#fff349
```
#fff349 rgb(255,243,73)
```
#fff563
```
#fff563 rgb(255,245,99)
```

Monochromatic Color

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

#ffb616
```
#ffb616 rgb(255,182,22)
```
#ffc916
```
#ffc916 rgb(255,201,22)
```
#ffdd16
```
#ffdd16 rgb(255,221,22)
```
#fff016
```
#fff016 rgb(255,240,22)
```
#fbff16
```
#fbff16 rgb(251,255,22)
```
#e7ff16
```
#e7ff16 rgb(231,255,22)
```
#d4ff16
```
#d4ff16 rgb(212,255,22)
```

Similar Colors

Text with hexadecimal color #fff016

This text has a font color of #fff016.

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

#fff016 background color

This paragraph has a background color of #fff016.

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

#fff016 border color

This element has a border color of #fff016.

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

CSS codes

.text {color:#fff016;}

.background {background-color:#fff016;}

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

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 #fffeee is the lightest one.

#020200
```
#020200 rgb(2,2,0)
```
#161500
```
#161500 rgb(22,21,0)
```
#2a2700
```
#2a2700 rgb(42,39,0)
```
#3d3900
```
#3d3900 rgb(61,57,0)
```
#514c00
```
#514c00 rgb(81,76,0)
```
#645e00
```
#645e00 rgb(100,94,0)
```
#787000
```
#787000 rgb(120,112,0)
```
#8c8300
```
#8c8300 rgb(140,131,0)
```
#9f9500
```
#9f9500 rgb(159,149,0)
```
#b3a700
```
#b3a700 rgb(179,167,0)
```
#c7ba00
```
#c7ba00 rgb(199,186,0)
```
#dacc00
```
#dacc00 rgb(218,204,0)
```
#eede00
```
#eede00 rgb(238,222,0)
```

Shade Color Variation

#ffef02
```
#ffef02 rgb(255,239,2)
```
#fff016
```
#fff016 rgb(255,240,22)
```
#fff12a
```
#fff12a rgb(255,241,42)
```
#fff33d
```
#fff33d rgb(255,243,61)
```
#fff451
```
#fff451 rgb(255,244,81)
```
#fff564
```
#fff564 rgb(255,245,100)
```
#fff678
```
#fff678 rgb(255,246,120)
```
#fff88c
```
#fff88c rgb(255,248,140)
```
#fff99f
```
#fff99f rgb(255,249,159)
```
#fffab3
```
#fffab3 rgb(255,250,179)
```
#fffbc7
```
#fffbc7 rgb(255,251,199)
```
#fffdda
```
#fffdda rgb(255,253,218)
```
#fffeee
```
#fffeee rgb(255,254,238)
```

Tint Color Variation

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

#939282
```
#939282 rgb(147,146,130)
```
#9c9a79
```
#9c9a79 rgb(156,154,121)
```
#a5a270
```
#a5a270 rgb(165,162,112)
```
#aeaa67
```
#aeaa67 rgb(174,170,103)
```
#b7b25e
```
#b7b25e rgb(183,178,94)
```
#c0b955
```
#c0b955 rgb(192,185,85)
```
#c9c14c
```
#c9c14c rgb(201,193,76)
```
#d2c943
```
#d2c943 rgb(210,201,67)
```
#dbd13a
```
#dbd13a rgb(219,209,58)
```
#e4d931
```
#e4d931 rgb(228,217,49)
```
#ede028
```
#ede028 rgb(237,224,40)
```
#f6e81f
```
#f6e81f rgb(246,232,31)
```
#fff016
```
#fff016 rgb(255,240,22)
```

Tone Color Variation

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

#dcdcdc Achromatopsia 0.005% of the population
#e3e0b4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffed9f Protanopia 1% of men
#ffe9cf Deuteranopia 1% of men
#ffe6ee Tritanopia 0.001% of the population

Trichromacy

#ffee6d Protanomaly 1% of men, 0.01% of women
#ffeb8c Deuteranomaly 6% of men, 0.4% of women
#ffea9f Tritanomaly 0.01% of the population

#fff016 hex color

#fff016 Color Information

#fff016 Color Conversion

Color Schemes with #fff016

Alternatives to #fff016

#fff016 Preview

Shades and Tints of #fff016

Tones of #fff016

Color Blindness Simulator