#ffcd59 Color Information
In a RGB color space, hex #ffcd59 is composed of 100% red, 80.4% green and 34.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 19.6% magenta, 65.1% yellow and 0% black. It has a hue angle of 41.9 degrees, a saturation of 100% and a lightness of 67.5%. #ffcd59 color hex could be obtained by blending #ffffb2 with #ff9b00. Closest websafe color is: #ffcc66.
-
- R 100
- G 80
- B 35
-
- C 0
- M 20
- Y 65
- K 0
● #ffcd59 color description : Light orange.
#ffcd59 Color Conversion
The hexadecimal color #ffcd59 has RGB values of R:255, G:205, B:89 and CMYK values of C:0, M:0.2, Y:0.65, K:0. Its decimal value is 16764249.
Hex triplet | ffcd59 | #ffcd59 |
---|---|---|
RGB Decimal | 255, 205, 89 | rgb(255,205,89) |
RGB Percent | 100, 80.4, 34.9 | rgb(100%,80.4%,34.9%) |
CMYK | 0, 20, 65, 0 | |
HSL | 41.9°, 100, 67.5 | hsl(41.9,100%,67.5%) |
HSV (or HSB) | 41.9°, 65.1, 100 | |
Web Safe | ffcc66 | #ffcc66 |
CIE-LAB | 84.816, 5.683, 62.64 |
---|---|
XYZ | 64.875, 65.647, 18.705 |
xyY | 0.435, 0.44, 65.647 |
CIE-LCH | 84.816, 62.898, 84.817 |
CIE-LUV | 84.816, 40.638, 72.782 |
Hunter-Lab | 81.023, 1.136, 43.028 |
Binary | 11111111, 11001101, 01011001 |
Color Schemes with #ffcd59
Alternatives to #ffcd59
Below, you can see some colors close to #ffcd59. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffcd59 Preview
This text has a font color of #ffcd59.
<span style="color:#ffcd59;">Text here</span>
This paragraph has a background color of #ffcd59.
<p style="background-color:#ffcd59;">Content here</p>
This element has a border color of #ffcd59.
<div style="border:1px solid #ffcd59;">Content here</div>
.text {color:#ffcd59;}
.background {background-color:#ffcd59;}
.border {border:1px solid #ffcd59;}
Shades and Tints of #ffcd59
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, #0b0700 is the darkest color, while #fffcf6 is the lightest one.
-
#0b0700
#0b0700
rgb(11,7,0)
-
#1e1500
#1e1500
rgb(30,21,0)
-
#322300
#322300
rgb(50,35,0)
-
#453000
#453000
rgb(69,48,0)
-
#593e00
#593e00
rgb(89,62,0)
-
#6d4c00
#6d4c00
rgb(109,76,0)
-
#805a00
#805a00
rgb(128,90,0)
-
#946700
#946700
rgb(148,103,0)
-
#a77500
#a77500
rgb(167,117,0)
-
#bb8300
#bb8300
rgb(187,131,0)
-
#cf9000
#cf9000
rgb(207,144,0)
-
#e29e00
#e29e00
rgb(226,158,0)
-
#f6ac00
#f6ac00
rgb(246,172,0)
-
#ffb50b
#ffb50b
rgb(255,181,11)
-
#ffbb1e
#ffbb1e
rgb(255,187,30)
-
#ffc132
#ffc132
rgb(255,193,50)
-
#ffc745
#ffc745
rgb(255,199,69)
-
#ffcd59
#ffcd59
rgb(255,205,89)
-
#ffd36d
#ffd36d
rgb(255,211,109)
-
#ffd980
#ffd980
rgb(255,217,128)
-
#ffdf94
#ffdf94
rgb(255,223,148)
-
#ffe5a7
#ffe5a7
rgb(255,229,167)
-
#ffebbb
#ffebbb
rgb(255,235,187)
-
#fff0cf
#fff0cf
rgb(255,240,207)
-
#fff6e2
#fff6e2
rgb(255,246,226)
-
#fffcf6
#fffcf6
rgb(255,252,246)
Tones of #ffcd59
A tone is produced by adding gray to any pure hue. In this case, #b2afa6 is the less saturated color, while #ffcd59 is the most saturated one.
-
#b2afa6
#b2afa6
rgb(178,175,166)
-
#b9b19f
#b9b19f
rgb(185,177,159)
-
#bfb499
#bfb499
rgb(191,180,153)
-
#c6b692
#c6b692
rgb(198,182,146)
-
#ccb98c
#ccb98c
rgb(204,185,140)
-
#d2bb86
#d2bb86
rgb(210,187,134)
-
#d9be7f
#d9be7f
rgb(217,190,127)
-
#dfc079
#dfc079
rgb(223,192,121)
-
#e5c373
#e5c373
rgb(229,195,115)
-
#ecc56c
#ecc56c
rgb(236,197,108)
-
#f2c866
#f2c866
rgb(242,200,102)
-
#f9ca5f
#f9ca5f
rgb(249,202,95)
-
#ffcd59
#ffcd59
rgb(255,205,89)
Color Blindness Simulator
Below, you can see how #ffcd59 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.