#fdc76a hex color

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

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

● #fdc76a color description : Soft orange.

The hexadecimal color #fdc76a has RGB values of R:253, G:199, B:106 and CMYK values of C:0, M:0.21, Y:0.58, K:0.01. Its decimal value is 16631658.

Hex triplet	fdc76a	`#fdc76a`
RGB Decimal	253, 199, 106	`rgb(253,199,106)`
RGB Percent	99.2, 78, 41.6	`rgb(99.2%,78%,41.6%)`
CMYK	0, 21, 58, 1
HSL	38°, 97.4, 70.4	`hsl(38,97.4%,70.4%)`
HSV (or HSB)	38°, 58.1, 99.2
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	83.323, 9.063, 53.171
XYZ	63.534, 62.773, 22.405
xyY	0.427, 0.422, 62.773
CIE-LCH	83.323, 53.938, 80.327
CIE-LUV	83.323, 42.407, 63.375
Hunter-Lab	79.229, 4.487, 38.694
Binary	11111101, 11000111, 01101010

#fdc76a
```
#fdc76a rgb(253,199,106)
```
#6aa0fd
```
#6aa0fd rgb(106,160,253)
```

Complementary Color

#fd7e6a
```
#fd7e6a rgb(253,126,106)
```
#fdc76a
```
#fdc76a rgb(253,199,106)
```
#eafd6a
```
#eafd6a rgb(234,253,106)
```

Analogous Color

#7e6afd
```
#7e6afd rgb(126,106,253)
```
#fdc76a
```
#fdc76a rgb(253,199,106)
```
#6aeafd
```
#6aeafd rgb(106,234,253)
```

Split Complementary Color

#c76afd
```
#c76afd rgb(199,106,253)
```
#fdc76a
```
#fdc76a rgb(253,199,106)
```
#6afdc7
```
#6afdc7 rgb(106,253,199)
```

Triadic Color

#fd6aa0
```
#fd6aa0 rgb(253,106,160)
```
#fdc76a
```
#fdc76a rgb(253,199,106)
```
#6afdc7
```
#6afdc7 rgb(106,253,199)
```
#6aa0fd
```
#6aa0fd rgb(106,160,253)
```

Tetradic Color

#fcab1f
```
#fcab1f rgb(252,171,31)
```
#fcb438
```
#fcb438 rgb(252,180,56)
```
#fdbe51
```
#fdbe51 rgb(253,190,81)
```
#fdc76a
```
#fdc76a rgb(253,199,106)
```
#fdd083
```
#fdd083 rgb(253,208,131)
```
#feda9c
```
#feda9c rgb(254,218,156)
```
#fee3b5
```
#fee3b5 rgb(254,227,181)
```

Monochromatic Color

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

#fda26a
```
#fda26a rgb(253,162,106)
```
#fdaf6a
```
#fdaf6a rgb(253,175,106)
```
#fdbb6a
```
#fdbb6a rgb(253,187,106)
```
#fdc76a
```
#fdc76a rgb(253,199,106)
```
#fdd36a
```
#fdd36a rgb(253,211,106)
```
#fde06a
```
#fde06a rgb(253,224,106)
```
#fdec6a
```
#fdec6a rgb(253,236,106)
```

Similar Colors

Text with hexadecimal color #fdc76a

This text has a font color of #fdc76a.

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

#fdc76a background color

This paragraph has a background color of #fdc76a.

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

#fdc76a border color

This element has a border color of #fdc76a.

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

CSS codes

.text {color:#fdc76a;}

.background {background-color:#fdc76a;}

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

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

#060400
```
#060400 rgb(6,4,0)
```
#191000
```
#191000 rgb(25,16,0)
```
#2d1c01
```
#2d1c01 rgb(45,28,1)
```
#402901
```
#402901 rgb(64,41,1)
```
#533501
```
#533501 rgb(83,53,1)
```
#674101
```
#674101 rgb(103,65,1)
```
#7a4e02
```
#7a4e02 rgb(122,78,2)
```
#8d5a02
```
#8d5a02 rgb(141,90,2)
```
#a16602
```
#a16602 rgb(161,102,2)
```
#b47302
```
#b47302 rgb(180,115,2)
```
#c77f03
```
#c77f03 rgb(199,127,3)
```
#db8b03
```
#db8b03 rgb(219,139,3)
```
#ee9803
```
#ee9803 rgb(238,152,3)
```

Shade Color Variation

#fca309
```
#fca309 rgb(252,163,9)
```
#fcaa1d
```
#fcaa1d rgb(252,170,29)
```
#fcb130
```
#fcb130 rgb(252,177,48)
```
#fcb843
```
#fcb843 rgb(252,184,67)
```
#fdc057
```
#fdc057 rgb(253,192,87)
```
#fdc76a
```
#fdc76a rgb(253,199,106)
```
#fdce7d
```
#fdce7d rgb(253,206,125)
```
#fed691
```
#fed691 rgb(254,214,145)
```
#fedda4
```
#fedda4 rgb(254,221,164)
```
#fee4b7
```
#fee4b7 rgb(254,228,183)
```
#feebcb
```
#feebcb rgb(254,235,203)
```
#fff3de
```
#fff3de rgb(255,243,222)
```
#fffaf1
```
#fffaf1 rgb(255,250,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 #fdc76a is the most saturated one.

#b7b5b0
```
#b7b5b0 rgb(183,181,176)
```
#bdb6aa
```
#bdb6aa rgb(189,182,170)
```
#c3b8a4
```
#c3b8a4 rgb(195,184,164)
```
#c9b99e
```
#c9b99e rgb(201,185,158)
```
#cfbb98
```
#cfbb98 rgb(207,187,152)
```
#d4bc93
```
#d4bc93 rgb(212,188,147)
```
#dabe8d
```
#dabe8d rgb(218,190,141)
```
#e0bf87
```
#e0bf87 rgb(224,191,135)
```
#e6c181
```
#e6c181 rgb(230,193,129)
```
#ecc27b
```
#ecc27b rgb(236,194,123)
```
#f1c476
```
#f1c476 rgb(241,196,118)
```
#f7c570
```
#f7c570 rgb(247,197,112)
```
#fdc76a
```
#fdc76a rgb(253,199,106)
```

Tone Color Variation

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

#cdcdcd Achromatopsia 0.005% of the population
#d7ccb9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e6d274 Protanopia 1% of men
#ffc874 Deuteranopia 1% of men
#ffc2cd Tritanopia 0.001% of the population

Trichromacy

#eece70 Protanomaly 1% of men, 0.01% of women
#fec870 Deuteranomaly 6% of men, 0.4% of women
#fec3a9 Tritanomaly 0.01% of the population

#fdc76a hex color

#fdc76a Color Information

#fdc76a Color Conversion

Color Schemes with #fdc76a

Alternatives to #fdc76a

#fdc76a Preview

Shades and Tints of #fdc76a

Tones of #fdc76a

Color Blindness Simulator