#fdd16a hex color

In a RGB color space, hex #fdd16a is composed of 99.2% red, 82% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 17.4% magenta, 58.1% yellow and 0.8% black. It has a hue angle of 42 degrees, a saturation of 97.4% and a lightness of 70.4%. #fdd16a color hex could be obtained by blending #ffffd4 with #fba300. Closest websafe color is: #ffcc66.

♥
- f
- t
- g
- R 99
- G 82
- B 42
RGB color chart
- C 0
- M 17
- Y 58
- K 1
CMYK color chart

● #fdd16a color description : Soft orange.

The hexadecimal color #fdd16a has RGB values of R:253, G:209, B:106 and CMYK values of C:0, M:0.17, Y:0.58, K:0.01. Its decimal value is 16634218.

Hex triplet	fdd16a	`#fdd16a`
RGB Decimal	253, 209, 106	`rgb(253,209,106)`
RGB Percent	99.2, 82, 41.6	`rgb(99.2%,82%,41.6%)`
CMYK	0, 17, 58, 1
HSL	42°, 97.4, 70.4	`hsl(42,97.4%,70.4%)`
HSV (or HSB)	42°, 58.1, 99.2
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	85.769, 3.903, 56.014
XYZ	65.91, 67.527, 23.197
xyY	0.421, 0.431, 67.527
CIE-LCH	85.769, 56.149, 86.015
CIE-LUV	85.769, 35.382, 67.869
Hunter-Lab	82.175, -0.635, 40.785
Binary	11111101, 11010001, 01101010

#fdd16a
```
#fdd16a rgb(253,209,106)
```
#6a96fd
```
#6a96fd rgb(106,150,253)
```

Complementary Color

#fd886a
```
#fd886a rgb(253,136,106)
```
#fdd16a
```
#fdd16a rgb(253,209,106)
```
#e0fd6a
```
#e0fd6a rgb(224,253,106)
```

Analogous Color

#886afd
```
#886afd rgb(136,106,253)
```
#fdd16a
```
#fdd16a rgb(253,209,106)
```
#6ae0fd
```
#6ae0fd rgb(106,224,253)
```

Split Complementary Color

#d16afd
```
#d16afd rgb(209,106,253)
```
#fdd16a
```
#fdd16a rgb(253,209,106)
```
#6afdd1
```
#6afdd1 rgb(106,253,209)
```

Triadic Color

#fd6a96
```
#fd6a96 rgb(253,106,150)
```
#fdd16a
```
#fdd16a rgb(253,209,106)
```
#6afdd1
```
#6afdd1 rgb(106,253,209)
```
#6a96fd
```
#6a96fd rgb(106,150,253)
```

Tetradic Color

#fcba1f
```
#fcba1f rgb(252,186,31)
```
#fcc138
```
#fcc138 rgb(252,193,56)
```
#fdc951
```
#fdc951 rgb(253,201,81)
```
#fdd16a
```
#fdd16a rgb(253,209,106)
```
#fdd983
```
#fdd983 rgb(253,217,131)
```
#fee19c
```
#fee19c rgb(254,225,156)
```
#fee8b5
```
#fee8b5 rgb(254,232,181)
```

Monochromatic Color

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

#fdac6a
```
#fdac6a rgb(253,172,106)
```
#fdb96a
```
#fdb96a rgb(253,185,106)
```
#fdc56a
```
#fdc56a rgb(253,197,106)
```
#fdd16a
```
#fdd16a rgb(253,209,106)
```
#fddd6a
```
#fddd6a rgb(253,221,106)
```
#fdea6a
```
#fdea6a rgb(253,234,106)
```
#fdf66a
```
#fdf66a rgb(253,246,106)
```

Similar Colors

Text with hexadecimal color #fdd16a

This text has a font color of #fdd16a.

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

#fdd16a background color

This paragraph has a background color of #fdd16a.

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

#fdd16a border color

This element has a border color of #fdd16a.

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

CSS codes

.text {color:#fdd16a;}

.background {background-color:#fdd16a;}

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

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, #060400 is the darkest color, while #fffbf1 is the lightest one.

#060400
```
#060400 rgb(6,4,0)
```
#191200
```
#191200 rgb(25,18,0)
```
#2d1f01
```
#2d1f01 rgb(45,31,1)
```
#402d01
```
#402d01 rgb(64,45,1)
```
#533b01
```
#533b01 rgb(83,59,1)
```
#674801
```
#674801 rgb(103,72,1)
```
#7a5602
```
#7a5602 rgb(122,86,2)
```
#8d6402
```
#8d6402 rgb(141,100,2)
```
#a17102
```
#a17102 rgb(161,113,2)
```
#b47f02
```
#b47f02 rgb(180,127,2)
```
#c78d03
```
#c78d03 rgb(199,141,3)
```
#db9a03
```
#db9a03 rgb(219,154,3)
```
#eea803
```
#eea803 rgb(238,168,3)
```

Shade Color Variation

#fcb309
```
#fcb309 rgb(252,179,9)
```
#fcb91d
```
#fcb91d rgb(252,185,29)
```
#fcbf30
```
#fcbf30 rgb(252,191,48)
```
#fcc543
```
#fcc543 rgb(252,197,67)
```
#fdcb57
```
#fdcb57 rgb(253,203,87)
```
#fdd16a
```
#fdd16a rgb(253,209,106)
```
#fdd77d
```
#fdd77d rgb(253,215,125)
```
#fedd91
```
#fedd91 rgb(254,221,145)
```
#fee3a4
```
#fee3a4 rgb(254,227,164)
```
#fee9b7
```
#fee9b7 rgb(254,233,183)
```
#feefcb
```
#feefcb rgb(254,239,203)
```
#fff5de
```
#fff5de rgb(255,245,222)
```
#fffbf1
```
#fffbf1 rgb(255,251,241)
```

Tint Color Variation

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

#b7b5b0
```
#b7b5b0 rgb(183,181,176)
```
#bdb7aa
```
#bdb7aa rgb(189,183,170)
```
#c3baa4
```
#c3baa4 rgb(195,186,164)
```
#c9bc9e
```
#c9bc9e rgb(201,188,158)
```
#cfbe98
```
#cfbe98 rgb(207,190,152)
```
#d4c193
```
#d4c193 rgb(212,193,147)
```
#dac38d
```
#dac38d rgb(218,195,141)
```
#e0c587
```
#e0c587 rgb(224,197,135)
```
#e6c881
```
#e6c881 rgb(230,200,129)
```
#ecca7b
```
#ecca7b rgb(236,202,123)
```
#f1cc76
```
#f1cc76 rgb(241,204,118)
```
#f7cf70
```
#f7cf70 rgb(247,207,112)
```
#fdd16a
```
#fdd16a rgb(253,209,106)
```

Tone Color Variation

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

#d2d2d2 Achromatopsia 0.005% of the population
#dbd2bd Atypical Achromatopsia 0.001% of the population

Dichromacy

#eed873 Protanopia 1% of men
#ffd191 Deuteranopia 1% of men
#ffcbd6 Tritanopia 0.001% of the population

Trichromacy

#f3d570 Protanomaly 1% of men, 0.01% of women
#fed183 Deuteranomaly 6% of men, 0.4% of women
#fecdaf Tritanomaly 0.01% of the population

#fdd16a hex color

#fdd16a Color Information

#fdd16a Color Conversion

Color Schemes with #fdd16a

Alternatives to #fdd16a

#fdd16a Preview

Shades and Tints of #fdd16a

Tones of #fdd16a

Color Blindness Simulator