#ffdd46 Color Information
In a RGB color space, hex #ffdd46 is composed of 100% red, 86.7% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 13.3% magenta, 72.5% yellow and 0% black. It has a hue angle of 49 degrees, a saturation of 100% and a lightness of 63.7%. #ffdd46 color hex could be obtained by blending #ffff8c with #ffbb00. Closest websafe color is: #ffcc33.
-
- R 100
- G 87
- B 27
-
- C 0
- M 13
- Y 73
- K 0
● #ffdd46 color description : Light yellow.
#ffdd46 Color Conversion
The hexadecimal color #ffdd46 has RGB values of R:255, G:221, B:70 and CMYK values of C:0, M:0.13, Y:0.73, K:0. Its decimal value is 16768326.
Hex triplet | ffdd46 | #ffdd46 |
---|---|---|
RGB Decimal | 255, 221, 70 | rgb(255,221,70) |
RGB Percent | 100, 86.7, 27.5 | rgb(100%,86.7%,27.5%) |
CMYK | 0, 13, 73, 0 | |
HSL | 49°, 100, 63.7 | hsl(49,100%,63.7%) |
HSV (or HSB) | 49°, 72.5, 100 | |
Web Safe | ffcc33 | #ffcc33 |
CIE-LAB | 88.646, -3.427, 74.072 |
---|---|
XYZ | 68.203, 73.418, 16.373 |
xyY | 0.432, 0.465, 73.418 |
CIE-LCH | 88.646, 74.151, 92.649 |
CIE-LUV | 88.646, 30.003, 85.16 |
Hunter-Lab | 85.684, -7.865, 48.65 |
Binary | 11111111, 11011101, 01000110 |
Color Schemes with #ffdd46
Alternatives to #ffdd46
Below, you can see some colors close to #ffdd46. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffdd46 Preview
This text has a font color of #ffdd46.
<span style="color:#ffdd46;">Text here</span>
This paragraph has a background color of #ffdd46.
<p style="background-color:#ffdd46;">Content here</p>
This element has a border color of #ffdd46.
<div style="border:1px solid #ffdd46;">Content here</div>
.text {color:#ffdd46;}
.background {background-color:#ffdd46;}
.border {border:1px solid #ffdd46;}
Shades and Tints of #ffdd46
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, #0b0900 is the darkest color, while #fffdf7 is the lightest one.
-
#0b0900
#0b0900
rgb(11,9,0)
-
#1f1900
#1f1900
rgb(31,25,0)
-
#322900
#322900
rgb(50,41,0)
-
#463900
#463900
rgb(70,57,0)
-
#5a4900
#5a4900
rgb(90,73,0)
-
#6d5900
#6d5900
rgb(109,89,0)
-
#816900
#816900
rgb(129,105,0)
-
#947900
#947900
rgb(148,121,0)
-
#a88900
#a88900
rgb(168,137,0)
-
#bc9900
#bc9900
rgb(188,153,0)
-
#cfa900
#cfa900
rgb(207,169,0)
-
#e3b900
#e3b900
rgb(227,185,0)
-
#f7c900
#f7c900
rgb(247,201,0)
-
#ffd20b
#ffd20b
rgb(255,210,11)
-
#ffd61f
#ffd61f
rgb(255,214,31)
-
#ffd932
#ffd932
rgb(255,217,50)
-
#ffdd46
#ffdd46
rgb(255,221,70)
-
#ffe15a
#ffe15a
rgb(255,225,90)
-
#ffe46d
#ffe46d
rgb(255,228,109)
-
#ffe881
#ffe881
rgb(255,232,129)
-
#ffeb94
#ffeb94
rgb(255,235,148)
-
#ffefa8
#ffefa8
rgb(255,239,168)
-
#fff3bc
#fff3bc
rgb(255,243,188)
-
#fff6cf
#fff6cf
rgb(255,246,207)
-
#fffae3
#fffae3
rgb(255,250,227)
-
#fffdf7
#fffdf7
rgb(255,253,247)
Tones of #ffdd46
A tone is produced by adding gray to any pure hue. In this case, #aaa79b is the less saturated color, while #ffdd46 is the most saturated one.
-
#aaa79b
#aaa79b
rgb(170,167,155)
-
#b1ac94
#b1ac94
rgb(177,172,148)
-
#b8b08d
#b8b08d
rgb(184,176,141)
-
#bfb586
#bfb586
rgb(191,181,134)
-
#c6b97f
#c6b97f
rgb(198,185,127)
-
#cdbe78
#cdbe78
rgb(205,190,120)
-
#d4c271
#d4c271
rgb(212,194,113)
-
#dbc76a
#dbc76a
rgb(219,199,106)
-
#e3cb62
#e3cb62
rgb(227,203,98)
-
#ead05b
#ead05b
rgb(234,208,91)
-
#f1d454
#f1d454
rgb(241,212,84)
-
#f8d94d
#f8d94d
rgb(248,217,77)
-
#ffdd46
#ffdd46
rgb(255,221,70)
Color Blindness Simulator
Below, you can see how #ffdd46 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.