#fdf316 Color Information
In a RGB color space, hex #fdf316 is composed of 99.2% red, 95.3% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 4% magenta, 91.3% yellow and 0.8% black. It has a hue angle of 57.4 degrees, a saturation of 98.3% and a lightness of 53.9%. #fdf316 color hex could be obtained by blending #ffff2c with #fbe700. Closest websafe color is: #ffff00.
-
- R 99
- G 95
- B 9
-
- C 0
- M 4
- Y 91
- K 1
● #fdf316 color description : Vivid yellow.
#fdf316 Color Conversion
The hexadecimal color #fdf316 has RGB values of R:253, G:243, B:22 and CMYK values of C:0, M:0.04, Y:0.91, K:0.01. Its decimal value is 16642838.
Hex triplet | fdf316 | #fdf316 |
---|---|---|
RGB Decimal | 253, 243, 22 | rgb(253,243,22) |
RGB Percent | 99.2, 95.3, 8.6 | rgb(99.2%,95.3%,8.6%) |
CMYK | 0, 4, 91, 1 | |
HSL | 57.4°, 98.3, 53.9 | hsl(57.4,98.3%,53.9%) |
HSV (or HSB) | 57.4°, 91.3, 99.2 | |
Web Safe | ffff00 | #ffff00 |
CIE-LAB | 93.902, -16.441, 90.142 |
---|---|
XYZ | 72.704, 85.043, 13.344 |
xyY | 0.425, 0.497, 85.043 |
CIE-LCH | 93.902, 91.629, 100.337 |
CIE-LUV | 93.902, 14.188, 101.251 |
Hunter-Lab | 92.219, -20.657, 55.974 |
Binary | 11111101, 11110011, 00010110 |
Color Schemes with #fdf316
Alternatives to #fdf316
Below, you can see some colors close to #fdf316. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#fdf316 Preview
This text has a font color of #fdf316.
<span style="color:#fdf316;">Text here</span>
This paragraph has a background color of #fdf316.
<p style="background-color:#fdf316;">Content here</p>
This element has a border color of #fdf316.
<div style="border:1px solid #fdf316;">Content here</div>
.text {color:#fdf316;}
.background {background-color:#fdf316;}
.border {border:1px solid #fdf316;}
Shades and Tints of #fdf316
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, #000000 is the darkest color, while #fffeec is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#141300
#141300
rgb(20,19,0)
-
#272600
#272600
rgb(39,38,0)
-
#3b3801
#3b3801
rgb(59,56,1)
-
#4e4b01
#4e4b01
rgb(78,75,1)
-
#625d01
#625d01
rgb(98,93,1)
-
#757001
#757001
rgb(117,112,1)
-
#898301
#898301
rgb(137,131,1)
-
#9c9501
#9c9501
rgb(156,149,1)
-
#afa802
#afa802
rgb(175,168,2)
-
#c3bb02
#c3bb02
rgb(195,187,2)
-
#d6cd02
#d6cd02
rgb(214,205,2)
-
#eae002
#eae002
rgb(234,224,2)
-
#fdf203
#fdf203
rgb(253,242,3)
-
#fdf316
#fdf316
rgb(253,243,22)
-
#fdf429
#fdf429
rgb(253,244,41)
-
#fdf53d
#fdf53d
rgb(253,245,61)
-
#fef650
#fef650
rgb(254,246,80)
-
#fef764
#fef764
rgb(254,247,100)
-
#fef877
#fef877
rgb(254,248,119)
-
#fef98b
#fef98b
rgb(254,249,139)
-
#fefa9e
#fefa9e
rgb(254,250,158)
-
#fefbb2
#fefbb2
rgb(254,251,178)
-
#fffcc5
#fffcc5
rgb(255,252,197)
-
#fffdd8
#fffdd8
rgb(255,253,216)
-
#fffeec
#fffeec
rgb(255,254,236)
Tones of #fdf316
A tone is produced by adding gray to any pure hue. In this case, #919082 is the less saturated color, while #fdf316 is the most saturated one.
-
#919082
#919082
rgb(145,144,130)
-
#9a9879
#9a9879
rgb(154,152,121)
-
#a3a070
#a3a070
rgb(163,160,112)
-
#aca967
#aca967
rgb(172,169,103)
-
#b5b15e
#b5b15e
rgb(181,177,94)
-
#beb955
#beb955
rgb(190,185,85)
-
#c7c14c
#c7c14c
rgb(199,193,76)
-
#d0ca43
#d0ca43
rgb(208,202,67)
-
#d9d23a
#d9d23a
rgb(217,210,58)
-
#e2da31
#e2da31
rgb(226,218,49)
-
#ebe228
#ebe228
rgb(235,226,40)
-
#f4eb1f
#f4eb1f
rgb(244,235,31)
-
#fdf316
#fdf316
rgb(253,243,22)
Color Blindness Simulator
Below, you can see how #fdf316 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.