#ffd666 Color Information
In a RGB color space, hex #ffd666 is composed of 100% red, 83.9% green and 40% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 16.1% magenta, 60% yellow and 0% black. It has a hue angle of 43.9 degrees, a saturation of 100% and a lightness of 70%. #ffd666 color hex could be obtained by blending #ffffcc with #ffad00. Closest websafe color is: #ffcc66.
-
- R 100
- G 84
- B 40
-
- C 0
- M 16
- Y 60
- K 0
● #ffd666 color description : Light orange.
#ffd666 Color Conversion
The hexadecimal color #ffd666 has RGB values of R:255, G:214, B:102 and CMYK values of C:0, M:0.16, Y:0.6, K:0. Its decimal value is 16766566.
Hex triplet | ffd666 | #ffd666 |
---|---|---|
RGB Decimal | 255, 214, 102 | rgb(255,214,102) |
RGB Percent | 100, 83.9, 40 | rgb(100%,83.9%,40%) |
CMYK | 0, 16, 60, 0 | |
HSL | 43.9°, 100, 70 | hsl(43.9,100%,70%) |
HSV (or HSB) | 43.9°, 60, 100 | |
Web Safe | ffcc66 | #ffcc66 |
CIE-LAB | 87.151, 1.884, 59.471 |
---|---|
XYZ | 67.685, 70.315, 22.577 |
xyY | 0.422, 0.438, 70.315 |
CIE-LCH | 87.151, 59.501, 88.186 |
CIE-LUV | 87.151, 33.589, 71.824 |
Hunter-Lab | 83.854, -2.663, 42.735 |
Binary | 11111111, 11010110, 01100110 |
Color Schemes with #ffd666
Alternatives to #ffd666
Below, you can see some colors close to #ffd666. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffd666 Preview
This text has a font color of #ffd666.
<span style="color:#ffd666;">Text here</span>
This paragraph has a background color of #ffd666.
<p style="background-color:#ffd666;">Content here</p>
This element has a border color of #ffd666.
<div style="border:1px solid #ffd666;">Content here</div>
.text {color:#ffd666;}
.background {background-color:#ffd666;}
.border {border:1px solid #ffd666;}
Shades and Tints of #ffd666
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, #040300 is the darkest color, while #fffbef is the lightest one.
-
#040300
#040300
rgb(4,3,0)
-
#181100
#181100
rgb(24,17,0)
-
#2b2000
#2b2000
rgb(43,32,0)
-
#3f2e00
#3f2e00
rgb(63,46,0)
-
#523c00
#523c00
rgb(82,60,0)
-
#664b00
#664b00
rgb(102,75,0)
-
#7a5900
#7a5900
rgb(122,89,0)
-
#8d6700
#8d6700
rgb(141,103,0)
-
#a17600
#a17600
rgb(161,118,0)
-
#b48400
#b48400
rgb(180,132,0)
-
#c89200
#c89200
rgb(200,146,0)
-
#dca100
#dca100
rgb(220,161,0)
-
#efaf00
#efaf00
rgb(239,175,0)
-
#ffbc04
#ffbc04
rgb(255,188,4)
-
#ffc118
#ffc118
rgb(255,193,24)
-
#ffc62b
#ffc62b
rgb(255,198,43)
-
#ffcb3f
#ffcb3f
rgb(255,203,63)
-
#ffd152
#ffd152
rgb(255,209,82)
-
#ffd666
#ffd666
rgb(255,214,102)
-
#ffdb7a
#ffdb7a
rgb(255,219,122)
-
#ffe18d
#ffe18d
rgb(255,225,141)
-
#ffe6a1
#ffe6a1
rgb(255,230,161)
-
#ffebb4
#ffebb4
rgb(255,235,180)
-
#fff0c8
#fff0c8
rgb(255,240,200)
-
#fff6dc
#fff6dc
rgb(255,246,220)
-
#fffbef
#fffbef
rgb(255,251,239)
Tones of #ffd666
A tone is produced by adding gray to any pure hue. In this case, #b8b5ad is the less saturated color, while #ffd666 is the most saturated one.
-
#b8b5ad
#b8b5ad
rgb(184,181,173)
-
#beb8a7
#beb8a7
rgb(190,184,167)
-
#c4bba1
#c4bba1
rgb(196,187,161)
-
#cabd9b
#cabd9b
rgb(202,189,155)
-
#d0c095
#d0c095
rgb(208,192,149)
-
#d6c38f
#d6c38f
rgb(214,195,143)
-
#dcc689
#dcc689
rgb(220,198,137)
-
#e2c883
#e2c883
rgb(226,200,131)
-
#e7cb7e
#e7cb7e
rgb(231,203,126)
-
#edce78
#edce78
rgb(237,206,120)
-
#f3d172
#f3d172
rgb(243,209,114)
-
#f9d36c
#f9d36c
rgb(249,211,108)
-
#ffd666
#ffd666
rgb(255,214,102)
Color Blindness Simulator
Below, you can see how #ffd666 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.