#fdd300 Color Information
In a RGB color space, hex #fdd300 is composed of 99.2% red, 82.7% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 16.6% magenta, 100% yellow and 0.8% black. It has a hue angle of 50 degrees, a saturation of 100% and a lightness of 49.6%. #fdd300 color hex could be obtained by blending #ffff00 with #fba700. Closest websafe color is: #ffcc00.
-
- R 99
- G 83
- B 0
-
- C 0
- M 17
- Y 100
- K 1
● #fdd300 color description : Pure (or mostly pure) yellow.
#fdd300 Color Conversion
The hexadecimal color #fdd300 has RGB values of R:253, G:211, B:0 and CMYK values of C:0, M:0.17, Y:1, K:0.01. Its decimal value is 16634624.
Hex triplet | fdd300 | #fdd300 |
---|---|---|
RGB Decimal | 253, 211, 0 | rgb(253,211,0) |
RGB Percent | 99.2, 82.7, 0 | rgb(99.2%,82.7%,0%) |
CMYK | 0, 17, 100, 1 | |
HSL | 50°, 100, 49.6 | hsl(50,100%,49.6%) |
HSV (or HSB) | 50°, 100, 99.2 | |
Web Safe | ffcc00 | #ffcc00 |
CIE-LAB | 85.743, -0.75, 86.208 |
---|---|
XYZ | 63.803, 67.474, 9.663 |
xyY | 0.453, 0.479, 67.474 |
CIE-LCH | 85.743, 86.211, 90.499 |
CIE-LUV | 85.743, 36.943, 90.592 |
Hunter-Lab | 82.143, -5.102, 50.525 |
Binary | 11111101, 11010011, 00000000 |
Color Schemes with #fdd300
Alternatives to #fdd300
Below, you can see some colors close to #fdd300. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#fdd300 Preview
This text has a font color of #fdd300.
<span style="color:#fdd300;">Text here</span>
This paragraph has a background color of #fdd300.
<p style="background-color:#fdd300;">Content here</p>
This element has a border color of #fdd300.
<div style="border:1px solid #fdd300;">Content here</div>
.text {color:#fdd300;}
.background {background-color:#fdd300;}
.border {border:1px solid #fdd300;}
Shades and Tints of #fdd300
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, #120f00 is the darkest color, while #fffffd is the lightest one.
-
#120f00
#120f00
rgb(18,15,0)
-
#251f00
#251f00
rgb(37,31,0)
-
#392f00
#392f00
rgb(57,47,0)
-
#4c4000
#4c4000
rgb(76,64,0)
-
#605000
#605000
rgb(96,80,0)
-
#746000
#746000
rgb(116,96,0)
-
#877100
#877100
rgb(135,113,0)
-
#9b8100
#9b8100
rgb(155,129,0)
-
#af9200
#af9200
rgb(175,146,0)
-
#c2a200
#c2a200
rgb(194,162,0)
-
#d6b200
#d6b200
rgb(214,178,0)
-
#e9c300
#e9c300
rgb(233,195,0)
-
#fdd300
#fdd300
rgb(253,211,0)
-
#ffd812
#ffd812
rgb(255,216,18)
-
#ffdb25
#ffdb25
rgb(255,219,37)
-
#ffde39
#ffde39
rgb(255,222,57)
-
#ffe14c
#ffe14c
rgb(255,225,76)
-
#ffe560
#ffe560
rgb(255,229,96)
-
#ffe874
#ffe874
rgb(255,232,116)
-
#ffeb87
#ffeb87
rgb(255,235,135)
-
#ffee9b
#ffee9b
rgb(255,238,155)
-
#fff2af
#fff2af
rgb(255,242,175)
-
#fff5c2
#fff5c2
rgb(255,245,194)
-
#fff8d6
#fff8d6
rgb(255,248,214)
-
#fffbe9
#fffbe9
rgb(255,251,233)
-
#fffffd
#fffffd
rgb(255,255,253)
Tones of #fdd300
A tone is produced by adding gray to any pure hue. In this case, #888575 is the less saturated color, while #fdd300 is the most saturated one.
-
#888575
#888575
rgb(136,133,117)
-
#928c6b
#928c6b
rgb(146,140,107)
-
#9c9261
#9c9261
rgb(156,146,97)
-
#a59958
#a59958
rgb(165,153,88)
-
#af9f4e
#af9f4e
rgb(175,159,78)
-
#b9a644
#b9a644
rgb(185,166,68)
-
#c3ac3a
#c3ac3a
rgb(195,172,58)
-
#ccb331
#ccb331
rgb(204,179,49)
-
#d6b927
#d6b927
rgb(214,185,39)
-
#e0c01d
#e0c01d
rgb(224,192,29)
-
#eac613
#eac613
rgb(234,198,19)
-
#f3cd0a
#f3cd0a
rgb(243,205,10)
-
#fdd300
#fdd300
rgb(253,211,0)
Color Blindness Simulator
Below, you can see how #fdd300 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.