#ffd66a hex color

In a RGB color space, hex #ffd66a is composed of 100% red, 83.9% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 16.1% magenta, 58.4% yellow and 0% black. It has a hue angle of 43.5 degrees, a saturation of 100% and a lightness of 70.8%. #ffd66a color hex could be obtained by blending #ffffd4 with #ffad00. Closest websafe color is: #ffcc66.

♥
- f
- t
- g
- R 100
- G 84
- B 42
RGB color chart
- C 0
- M 16
- Y 58
- K 0
CMYK color chart

● #ffd66a color description : Very light orange.

The hexadecimal color #ffd66a has RGB values of R:255, G:214, B:106 and CMYK values of C:0, M:0.16, Y:0.58, K:0. Its decimal value is 16766570.

Hex triplet	ffd66a	`#ffd66a`
RGB Decimal	255, 214, 106	`rgb(255,214,106)`
RGB Percent	100, 83.9, 41.6	`rgb(100%,83.9%,41.6%)`
CMYK	0, 16, 58, 0
HSL	43.5°, 100, 70.8	`hsl(43.5,100%,70.8%)`
HSV (or HSB)	43.5°, 58.4, 100
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	87.191, 2.159, 57.698
XYZ	67.889, 70.396, 23.647
xyY	0.419, 0.435, 70.396
CIE-LCH	87.191, 57.738, 87.857
CIE-LUV	87.191, 33.376, 70.214
Hunter-Lab	83.903, -2.399, 42.022
Binary	11111111, 11010110, 01101010

#ffd66a
```
#ffd66a rgb(255,214,106)
```
#6a93ff
```
#6a93ff rgb(106,147,255)
```

Complementary Color

#ff8c6a
```
#ff8c6a rgb(255,140,106)
```
#ffd66a
```
#ffd66a rgb(255,214,106)
```
#deff6a
```
#deff6a rgb(222,255,106)
```

Analogous Color

#8c6aff
```
#8c6aff rgb(140,106,255)
```
#ffd66a
```
#ffd66a rgb(255,214,106)
```
#6adeff
```
#6adeff rgb(106,222,255)
```

Split Complementary Color

#d66aff
```
#d66aff rgb(214,106,255)
```
#ffd66a
```
#ffd66a rgb(255,214,106)
```
#6affd6
```
#6affd6 rgb(106,255,214)
```

Triadic Color

#ff6a93
```
#ff6a93 rgb(255,106,147)
```
#ffd66a
```
#ffd66a rgb(255,214,106)
```
#6affd6
```
#6affd6 rgb(106,255,214)
```
#6a93ff
```
#6a93ff rgb(106,147,255)
```

Tetradic Color

#ffc11e
```
#ffc11e rgb(255,193,30)
```
#ffc837
```
#ffc837 rgb(255,200,55)
```
#ffcf51
```
#ffcf51 rgb(255,207,81)
```
#ffd66a
```
#ffd66a rgb(255,214,106)
```
#ffdd84
```
#ffdd84 rgb(255,221,132)
```
#ffe49d
```
#ffe49d rgb(255,228,157)
```
#ffebb7
```
#ffebb7 rgb(255,235,183)
```

Monochromatic Color

Below, you can see some colors close to #ffd66a. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#ffb16a
```
#ffb16a rgb(255,177,106)
```
#ffbd6a
```
#ffbd6a rgb(255,189,106)
```
#ffca6a
```
#ffca6a rgb(255,202,106)
```
#ffd66a
```
#ffd66a rgb(255,214,106)
```
#ffe26a
```
#ffe26a rgb(255,226,106)
```
#ffef6a
```
#ffef6a rgb(255,239,106)
```
#fffb6a
```
#fffb6a rgb(255,251,106)
```

Similar Colors

Text with hexadecimal color #ffd66a

This text has a font color of #ffd66a.

<span style="color:#ffd66a;">Text here</span>

#ffd66a background color

This paragraph has a background color of #ffd66a.

<p style="background-color:#ffd66a;">Content here</p>

#ffd66a border color

This element has a border color of #ffd66a.

<div style="border:1px solid #ffd66a;">Content here</div>

CSS codes

.text {color:#ffd66a;}

.background {background-color:#ffd66a;}

.border {border:1px solid #ffd66a;}

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 #fffcf3 is the lightest one.

#080600
```
#080600 rgb(8,6,0)
```
#1c1400
```
#1c1400 rgb(28,20,0)
```
#2f2200
```
#2f2200 rgb(47,34,0)
```
#433000
```
#433000 rgb(67,48,0)
```
#563f00
```
#563f00 rgb(86,63,0)
```
#6a4d00
```
#6a4d00 rgb(106,77,0)
```
#7e5b00
```
#7e5b00 rgb(126,91,0)
```
#916900
```
#916900 rgb(145,105,0)
```
#a57700
```
#a57700 rgb(165,119,0)
```
#b88600
```
#b88600 rgb(184,134,0)
```
#cc9400
```
#cc9400 rgb(204,148,0)
```
#e0a200
```
#e0a200 rgb(224,162,0)
```
#f3b000
```
#f3b000 rgb(243,176,0)
```

Shade Color Variation

#ffbb08
```
#ffbb08 rgb(255,187,8)
```
#ffc01c
```
#ffc01c rgb(255,192,28)
```
#ffc62f
```
#ffc62f rgb(255,198,47)
```
#ffcb43
```
#ffcb43 rgb(255,203,67)
```
#ffd156
```
#ffd156 rgb(255,209,86)
```
#ffd66a
```
#ffd66a rgb(255,214,106)
```
#ffdb7e
```
#ffdb7e rgb(255,219,126)
```
#ffe191
```
#ffe191 rgb(255,225,145)
```
#ffe6a5
```
#ffe6a5 rgb(255,230,165)
```
#ffecb8
```
#ffecb8 rgb(255,236,184)
```
#fff1cc
```
#fff1cc rgb(255,241,204)
```
#fff6e0
```
#fff6e0 rgb(255,246,224)
```
#fffcf3
```
#fffcf3 rgb(255,252,243)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #bab7af is the less saturated color, while #ffd66a is the most saturated one.

#bab7af
```
#bab7af rgb(186,183,175)
```
#c0baa9
```
#c0baa9 rgb(192,186,169)
```
#c6bca3
```
#c6bca3 rgb(198,188,163)
```
#cbbf9e
```
#cbbf9e rgb(203,191,158)
```
#d1c198
```
#d1c198 rgb(209,193,152)
```
#d7c492
```
#d7c492 rgb(215,196,146)
```
#ddc78c
```
#ddc78c rgb(221,199,140)
```
#e2c987
```
#e2c987 rgb(226,201,135)
```
#e8cc81
```
#e8cc81 rgb(232,204,129)
```
#eece7b
```
#eece7b rgb(238,206,123)
```
#f4d175
```
#f4d175 rgb(244,209,117)
```
#f9d370
```
#f9d370 rgb(249,211,112)
```
#ffd66a
```
#ffd66a rgb(255,214,106)
```

Tone Color Variation

Below, you can see how #ffd66a 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.

Monochromacy

#d6d6d6 Achromatopsia 0.005% of the population
#ded6c0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f2dc73 Protanopia 1% of men
#ffd59f Deuteranopia 1% of men
#ffd0db Tritanopia 0.001% of the population

Trichromacy

#f7da6f Protanomaly 1% of men, 0.01% of women
#ffd58b Deuteranomaly 6% of men, 0.4% of women
#ffd2b1 Tritanomaly 0.01% of the population

#ffd66a hex color

#ffd66a Color Information

#ffd66a Color Conversion

Color Schemes with #ffd66a

Alternatives to #ffd66a

#ffd66a Preview

Shades and Tints of #ffd66a

Tones of #ffd66a

Color Blindness Simulator