#ffdd56 Color Information
In a RGB color space, hex #ffdd56 is composed of 100% red, 86.7% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 13.3% magenta, 66.3% yellow and 0% black. It has a hue angle of 47.9 degrees, a saturation of 100% and a lightness of 66.9%. #ffdd56 color hex could be obtained by blending #ffffac with #ffbb00. Closest websafe color is: #ffcc66.
-
- R 100
- G 87
- B 34
-
- C 0
- M 13
- Y 66
- K 0
● #ffdd56 color description : Light yellow.
#ffdd56 Color Conversion
The hexadecimal color #ffdd56 has RGB values of R:255, G:221, B:86 and CMYK values of C:0, M:0.13, Y:0.66, K:0. Its decimal value is 16768342.
Hex triplet | ffdd56 | #ffdd56 |
---|---|---|
RGB Decimal | 255, 221, 86 | rgb(255,221,86) |
RGB Percent | 100, 86.7, 33.7 | rgb(100%,86.7%,33.7%) |
CMYK | 0, 13, 66, 0 | |
HSL | 47.9°, 100, 66.9 | hsl(47.9,100%,66.9%) |
HSV (or HSB) | 47.9°, 66.3, 100 | |
Web Safe | ffcc66 | #ffcc66 |
CIE-LAB | 88.755, -2.645, 68.079 |
---|---|
XYZ | 68.777, 73.647, 19.396 |
xyY | 0.425, 0.455, 73.647 |
CIE-LCH | 88.755, 68.13, 92.225 |
CIE-LUV | 88.755, 29.446, 80.552 |
Hunter-Lab | 85.818, -7.127, 46.672 |
Binary | 11111111, 11011101, 01010110 |
Color Schemes with #ffdd56
Alternatives to #ffdd56
Below, you can see some colors close to #ffdd56. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffdd56 Preview
This text has a font color of #ffdd56.
<span style="color:#ffdd56;">Text here</span>
This paragraph has a background color of #ffdd56.
<p style="background-color:#ffdd56;">Content here</p>
This element has a border color of #ffdd56.
<div style="border:1px solid #ffdd56;">Content here</div>
.text {color:#ffdd56;}
.background {background-color:#ffdd56;}
.border {border:1px solid #ffdd56;}
Shades and Tints of #ffdd56
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, #080600 is the darkest color, while #fffdf3 is the lightest one.
-
#080600
#080600
rgb(8,6,0)
-
#1b1600
#1b1600
rgb(27,22,0)
-
#2f2500
#2f2500
rgb(47,37,0)
-
#423500
#423500
rgb(66,53,0)
-
#564500
#564500
rgb(86,69,0)
-
#6a5400
#6a5400
rgb(106,84,0)
-
#7d6400
#7d6400
rgb(125,100,0)
-
#917400
#917400
rgb(145,116,0)
-
#a48300
#a48300
rgb(164,131,0)
-
#b89300
#b89300
rgb(184,147,0)
-
#cca300
#cca300
rgb(204,163,0)
-
#dfb200
#dfb200
rgb(223,178,0)
-
#f3c200
#f3c200
rgb(243,194,0)
-
#ffcd08
#ffcd08
rgb(255,205,8)
-
#ffd11b
#ffd11b
rgb(255,209,27)
-
#ffd52f
#ffd52f
rgb(255,213,47)
-
#ffd942
#ffd942
rgb(255,217,66)
-
#ffdd56
#ffdd56
rgb(255,221,86)
-
#ffe16a
#ffe16a
rgb(255,225,106)
-
#ffe57d
#ffe57d
rgb(255,229,125)
-
#ffe991
#ffe991
rgb(255,233,145)
-
#ffeda4
#ffeda4
rgb(255,237,164)
-
#fff1b8
#fff1b8
rgb(255,241,184)
-
#fff5cc
#fff5cc
rgb(255,245,204)
-
#fff9df
#fff9df
rgb(255,249,223)
-
#fffdf3
#fffdf3
rgb(255,253,243)
Tones of #ffdd56
A tone is produced by adding gray to any pure hue. In this case, #b1aea4 is the less saturated color, while #ffdd56 is the most saturated one.
-
#b1aea4
#b1aea4
rgb(177,174,164)
-
#b8b29e
#b8b29e
rgb(184,178,158)
-
#beb697
#beb697
rgb(190,182,151)
-
#c5ba91
#c5ba91
rgb(197,186,145)
-
#cbbe8a
#cbbe8a
rgb(203,190,138)
-
#d2c284
#d2c284
rgb(210,194,132)
-
#d8c67d
#d8c67d
rgb(216,198,125)
-
#dfca77
#dfca77
rgb(223,202,119)
-
#e5cd70
#e5cd70
rgb(229,205,112)
-
#ecd16a
#ecd16a
rgb(236,209,106)
-
#f2d563
#f2d563
rgb(242,213,99)
-
#f9d95d
#f9d95d
rgb(249,217,93)
-
#ffdd56
#ffdd56
rgb(255,221,86)
Color Blindness Simulator
Below, you can see how #ffdd56 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.