#ffff16 Color Information
In a RGB color space, hex #ffff16 is composed of 100% red, 100% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 0% magenta, 91.4% yellow and 0% black. It has a hue angle of 60 degrees, a saturation of 100% and a lightness of 54.3%. #ffff16 color hex could be obtained by blending #ffff2c with #ffff00. Closest websafe color is: #ffff00.
-
- R 100
- G 100
- B 9
-
- C 0
- M 0
- Y 91
- K 0
● #ffff16 color description : Vivid yellow.
#ffff16 Color Conversion
The hexadecimal color #ffff16 has RGB values of R:255, G:255, B:22 and CMYK values of C:0, M:0, Y:0.91, K:0. Its decimal value is 16776982.
Hex triplet | ffff16 | #ffff16 |
---|---|---|
RGB Decimal | 255, 255, 22 | rgb(255,255,22) |
RGB Percent | 100, 100, 8.6 | rgb(100%,100%,8.6%) |
CMYK | 0, 0, 91, 0 | |
HSL | 60°, 100, 54.3 | hsl(60,100%,54.3%) |
HSV (or HSB) | 60°, 91.4, 100 | |
Web Safe | ffff00 | #ffff00 |
CIE-LAB | 97.162, -21.367, 92.705 |
---|---|
XYZ | 77.145, 92.839, 14.615 |
xyY | 0.418, 0.503, 92.839 |
CIE-LCH | 97.162, 95.136, 102.979 |
CIE-LUV | 97.162, 7.622, 105.725 |
Hunter-Lab | 96.353, -25.702, 58.454 |
Binary | 11111111, 11111111, 00010110 |
Color Schemes with #ffff16
Alternatives to #ffff16
Below, you can see some colors close to #ffff16. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffff16 Preview
This text has a font color of #ffff16.
<span style="color:#ffff16;">Text here</span>
This paragraph has a background color of #ffff16.
<p style="background-color:#ffff16;">Content here</p>
This element has a border color of #ffff16.
<div style="border:1px solid #ffff16;">Content here</div>
.text {color:#ffff16;}
.background {background-color:#ffff16;}
.border {border:1px solid #ffff16;}
Shades and Tints of #ffff16
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 #ffffee is the lightest one.
-
#020200
#020200
rgb(2,2,0)
-
#161600
#161600
rgb(22,22,0)
-
#2a2a00
#2a2a00
rgb(42,42,0)
-
#3d3d00
#3d3d00
rgb(61,61,0)
-
#515100
#515100
rgb(81,81,0)
-
#646400
#646400
rgb(100,100,0)
-
#787800
#787800
rgb(120,120,0)
-
#8c8c00
#8c8c00
rgb(140,140,0)
-
#9f9f00
#9f9f00
rgb(159,159,0)
-
#b3b300
#b3b300
rgb(179,179,0)
-
#c7c700
#c7c700
rgb(199,199,0)
-
#dada00
#dada00
rgb(218,218,0)
-
#eeee00
#eeee00
rgb(238,238,0)
-
#ffff02
#ffff02
rgb(255,255,2)
-
#ffff16
#ffff16
rgb(255,255,22)
-
#ffff2a
#ffff2a
rgb(255,255,42)
-
#ffff3d
#ffff3d
rgb(255,255,61)
-
#ffff51
#ffff51
rgb(255,255,81)
-
#ffff64
#ffff64
rgb(255,255,100)
-
#ffff78
#ffff78
rgb(255,255,120)
-
#ffff8c
#ffff8c
rgb(255,255,140)
-
#ffff9f
#ffff9f
rgb(255,255,159)
-
#ffffb3
#ffffb3
rgb(255,255,179)
-
#ffffc7
#ffffc7
rgb(255,255,199)
-
#ffffda
#ffffda
rgb(255,255,218)
-
#ffffee
#ffffee
rgb(255,255,238)
Tones of #ffff16
A tone is produced by adding gray to any pure hue. In this case, #939382 is the less saturated color, while #ffff16 is the most saturated one.
-
#939382
#939382
rgb(147,147,130)
-
#9c9c79
#9c9c79
rgb(156,156,121)
-
#a5a570
#a5a570
rgb(165,165,112)
-
#aeae67
#aeae67
rgb(174,174,103)
-
#b7b75e
#b7b75e
rgb(183,183,94)
-
#c0c055
#c0c055
rgb(192,192,85)
-
#c9c94c
#c9c94c
rgb(201,201,76)
-
#d2d243
#d2d243
rgb(210,210,67)
-
#dbdb3a
#dbdb3a
rgb(219,219,58)
-
#e4e431
#e4e431
rgb(228,228,49)
-
#eded28
#eded28
rgb(237,237,40)
-
#f6f61f
#f6f61f
rgb(246,246,31)
-
#ffff16
#ffff16
rgb(255,255,22)
Color Blindness Simulator
Below, you can see how #ffff16 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.