#fff316 Color Information
In a RGB color space, hex #fff316 is composed of 100% red, 95.3% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 4.7% magenta, 91.4% yellow and 0% black. It has a hue angle of 56.9 degrees, a saturation of 100% and a lightness of 54.3%. #fff316 color hex could be obtained by blending #ffff2c with #ffe700. Closest websafe color is: #ffff00.
-
- R 100
- G 95
- B 9
-
- C 0
- M 5
- Y 91
- K 0
● #fff316 color description : Vivid yellow.
#fff316 Color Conversion
The hexadecimal color #fff316 has RGB values of R:255, G:243, B:22 and CMYK values of C:0, M:0.05, Y:0.91, K:0. Its decimal value is 16773910.
Hex triplet | fff316 | #fff316 |
---|---|---|
RGB Decimal | 255, 243, 22 | rgb(255,243,22) |
RGB Percent | 100, 95.3, 8.6 | rgb(100%,95.3%,8.6%) |
CMYK | 0, 5, 91, 0 | |
HSL | 56.9°, 100, 54.3 | hsl(56.9,100%,54.3%) |
HSV (or HSB) | 56.9°, 91.4, 100 | |
Web Safe | ffff00 | #ffff00 |
CIE-LAB | 94.064, -15.611, 90.337 |
---|---|
XYZ | 73.436, 85.421, 13.379 |
xyY | 0.426, 0.496, 85.421 |
CIE-LCH | 94.064, 91.675, 99.805 |
CIE-LUV | 94.064, 15.587, 101.265 |
Hunter-Lab | 92.423, -19.912, 56.114 |
Binary | 11111111, 11110011, 00010110 |
Color Schemes with #fff316
Alternatives to #fff316
Below, you can see some colors close to #fff316. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#fff316 Preview
This text has a font color of #fff316.
<span style="color:#fff316;">Text here</span>
This paragraph has a background color of #fff316.
<p style="background-color:#fff316;">Content here</p>
This element has a border color of #fff316.
<div style="border:1px solid #fff316;">Content here</div>
.text {color:#fff316;}
.background {background-color:#fff316;}
.border {border:1px solid #fff316;}
Shades and Tints of #fff316
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)
-
#3d3a00
#3d3a00
rgb(61,58,0)
-
#514d00
#514d00
rgb(81,77,0)
-
#645f00
#645f00
rgb(100,95,0)
-
#787200
#787200
rgb(120,114,0)
-
#8c8400
#8c8400
rgb(140,132,0)
-
#9f9700
#9f9700
rgb(159,151,0)
-
#b3aa00
#b3aa00
rgb(179,170,0)
-
#c7bc00
#c7bc00
rgb(199,188,0)
-
#dacf00
#dacf00
rgb(218,207,0)
-
#eee200
#eee200
rgb(238,226,0)
-
#fff202
#fff202
rgb(255,242,2)
-
#fff316
#fff316
rgb(255,243,22)
-
#fff42a
#fff42a
rgb(255,244,42)
-
#fff53d
#fff53d
rgb(255,245,61)
-
#fff651
#fff651
rgb(255,246,81)
-
#fff764
#fff764
rgb(255,247,100)
-
#fff878
#fff878
rgb(255,248,120)
-
#fff98c
#fff98c
rgb(255,249,140)
-
#fffa9f
#fffa9f
rgb(255,250,159)
-
#fffbb3
#fffbb3
rgb(255,251,179)
-
#fffcc7
#fffcc7
rgb(255,252,199)
-
#fffdda
#fffdda
rgb(255,253,218)
-
#fffeee
#fffeee
rgb(255,254,238)
Tones of #fff316
A tone is produced by adding gray to any pure hue. In this case, #939382 is the less saturated color, while #fff316 is the most saturated one.
-
#939382
#939382
rgb(147,147,130)
-
#9c9b79
#9c9b79
rgb(156,155,121)
-
#a5a370
#a5a370
rgb(165,163,112)
-
#aeab67
#aeab67
rgb(174,171,103)
-
#b7b35e
#b7b35e
rgb(183,179,94)
-
#c0bb55
#c0bb55
rgb(192,187,85)
-
#c9c34c
#c9c34c
rgb(201,195,76)
-
#d2cb43
#d2cb43
rgb(210,203,67)
-
#dbd33a
#dbd33a
rgb(219,211,58)
-
#e4db31
#e4db31
rgb(228,219,49)
-
#ede328
#ede328
rgb(237,227,40)
-
#f6eb1f
#f6eb1f
rgb(246,235,31)
-
#fff316
#fff316
rgb(255,243,22)
Color Blindness Simulator
Below, you can see how #fff316 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.