#ffde45 Color Information
In a RGB color space, hex #ffde45 is composed of 100% red, 87.1% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 12.9% magenta, 72.9% yellow and 0% black. It has a hue angle of 49.4 degrees, a saturation of 100% and a lightness of 63.5%. #ffde45 color hex could be obtained by blending #ffff8a with #ffbd00. Closest websafe color is: #ffcc33.
-
- R 100
- G 87
- B 27
-
- C 0
- M 13
- Y 73
- K 0
● #ffde45 color description : Light yellow.
#ffde45 Color Conversion
The hexadecimal color #ffde45 has RGB values of R:255, G:222, B:69 and CMYK values of C:0, M:0.13, Y:0.73, K:0. Its decimal value is 16768581.
Hex triplet | ffde45 | #ffde45 |
---|---|---|
RGB Decimal | 255, 222, 69 | rgb(255,222,69) |
RGB Percent | 100, 87.1, 27.1 | rgb(100%,87.1%,27.1%) |
CMYK | 0, 13, 73, 0 | |
HSL | 49.4°, 100, 63.5 | hsl(49.4,100%,63.5%) |
HSV (or HSB) | 49.4°, 72.9, 100 | |
Web Safe | ffcc33 | #ffcc33 |
CIE-LAB | 88.892, -3.974, 74.661 |
---|---|
XYZ | 68.436, 73.935, 16.296 |
xyY | 0.431, 0.466, 73.935 |
CIE-LCH | 88.892, 74.766, 93.046 |
CIE-LUV | 88.892, 29.329, 85.816 |
Hunter-Lab | 85.985, -8.405, 48.953 |
Binary | 11111111, 11011110, 01000101 |
Color Schemes with #ffde45
Alternatives to #ffde45
Below, you can see some colors close to #ffde45. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffde45 Preview
This text has a font color of #ffde45.
<span style="color:#ffde45;">Text here</span>
This paragraph has a background color of #ffde45.
<p style="background-color:#ffde45;">Content here</p>
This element has a border color of #ffde45.
<div style="border:1px solid #ffde45;">Content here</div>
.text {color:#ffde45;}
.background {background-color:#ffde45;}
.border {border:1px solid #ffde45;}
Shades and Tints of #ffde45
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, #0a0800 is the darkest color, while #fffdf6 is the lightest one.
-
#0a0800
#0a0800
rgb(10,8,0)
-
#1e1800
#1e1800
rgb(30,24,0)
-
#312900
#312900
rgb(49,41,0)
-
#453900
#453900
rgb(69,57,0)
-
#594900
#594900
rgb(89,73,0)
-
#6c5900
#6c5900
rgb(108,89,0)
-
#806900
#806900
rgb(128,105,0)
-
#937900
#937900
rgb(147,121,0)
-
#a78900
#a78900
rgb(167,137,0)
-
#bb9a00
#bb9a00
rgb(187,154,0)
-
#ceaa00
#ceaa00
rgb(206,170,0)
-
#e2ba00
#e2ba00
rgb(226,186,0)
-
#f6ca00
#f6ca00
rgb(246,202,0)
-
#ffd40a
#ffd40a
rgb(255,212,10)
-
#ffd71e
#ffd71e
rgb(255,215,30)
-
#ffdb31
#ffdb31
rgb(255,219,49)
-
#ffde45
#ffde45
rgb(255,222,69)
-
#ffe159
#ffe159
rgb(255,225,89)
-
#ffe56c
#ffe56c
rgb(255,229,108)
-
#ffe880
#ffe880
rgb(255,232,128)
-
#ffec93
#ffec93
rgb(255,236,147)
-
#ffefa7
#ffefa7
rgb(255,239,167)
-
#fff3bb
#fff3bb
rgb(255,243,187)
-
#fff6ce
#fff6ce
rgb(255,246,206)
-
#fffae2
#fffae2
rgb(255,250,226)
-
#fffdf6
#fffdf6
rgb(255,253,246)
Tones of #ffde45
A tone is produced by adding gray to any pure hue. In this case, #a9a79b is the less saturated color, while #ffde45 is the most saturated one.
-
#a9a79b
#a9a79b
rgb(169,167,155)
-
#b0ab94
#b0ab94
rgb(176,171,148)
-
#b7b08d
#b7b08d
rgb(183,176,141)
-
#bfb485
#bfb485
rgb(191,180,133)
-
#c6b97e
#c6b97e
rgb(198,185,126)
-
#cdbe77
#cdbe77
rgb(205,190,119)
-
#d4c270
#d4c270
rgb(212,194,112)
-
#dbc769
#dbc769
rgb(219,199,105)
-
#e2cc62
#e2cc62
rgb(226,204,98)
-
#ead05a
#ead05a
rgb(234,208,90)
-
#f1d553
#f1d553
rgb(241,213,83)
-
#f8d94c
#f8d94c
rgb(248,217,76)
-
#ffde45
#ffde45
rgb(255,222,69)
Color Blindness Simulator
Below, you can see how #ffde45 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.