#fdd476 hex color

In a RGB color space, hex #fdd476 is composed of 99.2% red, 83.1% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 16.2% magenta, 53.4% yellow and 0.8% black. It has a hue angle of 41.8 degrees, a saturation of 97.1% and a lightness of 72.7%. #fdd476 color hex could be obtained by blending #ffffec with #fba900. Closest websafe color is: #ffcc66.

♥
- f
- t
- g
- R 99
- G 83
- B 46
RGB color chart
- C 0
- M 16
- Y 53
- K 1
CMYK color chart

● #fdd476 color description : Soft orange.

The hexadecimal color #fdd476 has RGB values of R:253, G:212, B:118 and CMYK values of C:0, M:0.16, Y:0.53, K:0.01. Its decimal value is 16634998.

Hex triplet	fdd476	`#fdd476`
RGB Decimal	253, 212, 118	`rgb(253,212,118)`
RGB Percent	99.2, 83.1, 46.3	`rgb(99.2%,83.1%,46.3%)`
CMYK	0, 16, 53, 1
HSL	41.8°, 97.1, 72.7	`hsl(41.8,97.1%,72.7%)`
HSV (or HSB)	41.8°, 53.4, 99.2
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	86.643, 3.275, 51.374
XYZ	67.322, 69.28, 26.965
xyY	0.412, 0.424, 69.28
CIE-LCH	86.643, 51.478, 86.352
CIE-LUV	86.643, 32.601, 63.943
Hunter-Lab	83.235, -1.286, 39.057
Binary	11111101, 11010100, 01110110

#fdd476
```
#fdd476 rgb(253,212,118)
```
#769ffd
```
#769ffd rgb(118,159,253)
```

Complementary Color

#fd9176
```
#fd9176 rgb(253,145,118)
```
#fdd476
```
#fdd476 rgb(253,212,118)
```
#e3fd76
```
#e3fd76 rgb(227,253,118)
```

Analogous Color

#9176fd
```
#9176fd rgb(145,118,253)
```
#fdd476
```
#fdd476 rgb(253,212,118)
```
#76e3fd
```
#76e3fd rgb(118,227,253)
```

Split Complementary Color

#d476fd
```
#d476fd rgb(212,118,253)
```
#fdd476
```
#fdd476 rgb(253,212,118)
```
#76fdd4
```
#76fdd4 rgb(118,253,212)
```

Triadic Color

#fd769f
```
#fd769f rgb(253,118,159)
```
#fdd476
```
#fdd476 rgb(253,212,118)
```
#76fdd4
```
#76fdd4 rgb(118,253,212)
```
#769ffd
```
#769ffd rgb(118,159,253)
```

Tetradic Color

#fcbc2b
```
#fcbc2b rgb(252,188,43)
```
#fcc444
```
#fcc444 rgb(252,196,68)
```
#fdcc5d
```
#fdcc5d rgb(253,204,93)
```
#fdd476
```
#fdd476 rgb(253,212,118)
```
#fddc8f
```
#fddc8f rgb(253,220,143)
```
#fee4a8
```
#fee4a8 rgb(254,228,168)
```
#feecc1
```
#feecc1 rgb(254,236,193)
```

Monochromatic Color

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

#fdb276
```
#fdb276 rgb(253,178,118)
```
#fdbe76
```
#fdbe76 rgb(253,190,118)
```
#fdc976
```
#fdc976 rgb(253,201,118)
```
#fdd476
```
#fdd476 rgb(253,212,118)
```
#fddf76
```
#fddf76 rgb(253,223,118)
```
#fdeb76
```
#fdeb76 rgb(253,235,118)
```
#fdf676
```
#fdf676 rgb(253,246,118)
```

Similar Colors

Text with hexadecimal color #fdd476

This text has a font color of #fdd476.

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

#fdd476 background color

This paragraph has a background color of #fdd476.

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

#fdd476 border color

This element has a border color of #fdd476.

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

CSS codes

.text {color:#fdd476;}

.background {background-color:#fdd476;}

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

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, #120c00 is the darkest color, while #fffefd is the lightest one.

#120c00
```
#120c00 rgb(18,12,0)
```
#251a01
```
#251a01 rgb(37,26,1)
```
#382701
```
#382701 rgb(56,39,1)
```
#4c3501
```
#4c3501 rgb(76,53,1)
```
#5f4301
```
#5f4301 rgb(95,67,1)
```
#725002
```
#725002 rgb(114,80,2)
```
#865e02
```
#865e02 rgb(134,94,2)
```
#996b02
```
#996b02 rgb(153,107,2)
```
#ac7903
```
#ac7903 rgb(172,121,3)
```
#c08603
```
#c08603 rgb(192,134,3)
```
#d39403
```
#d39403 rgb(211,148,3)
```
#e6a103
```
#e6a103 rgb(230,161,3)
```
#faaf04
```
#faaf04 rgb(250,175,4)
```

Shade Color Variation

#fcb615
```
#fcb615 rgb(252,182,21)
```
#fcbc29
```
#fcbc29 rgb(252,188,41)
```
#fcc23c
```
#fcc23c rgb(252,194,60)
```
#fcc84f
```
#fcc84f rgb(252,200,79)
```
#fdce63
```
#fdce63 rgb(253,206,99)
```
#fdd476
```
#fdd476 rgb(253,212,118)
```
#fdda89
```
#fdda89 rgb(253,218,137)
```
#fee09d
```
#fee09d rgb(254,224,157)
```
#fee6b0
```
#fee6b0 rgb(254,230,176)
```
#feecc3
```
#feecc3 rgb(254,236,195)
```
#fef2d7
```
#fef2d7 rgb(254,242,215)
```
#fff8ea
```
#fff8ea rgb(255,248,234)
```
#fffefd
```
#fffefd rgb(255,254,253)
```

Tint Color Variation

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

#bdbbb6
```
#bdbbb6 rgb(189,187,182)
```
#c2bdb1
```
#c2bdb1 rgb(194,189,177)
```
#c8bfab
```
#c8bfab rgb(200,191,171)
```
#cdc1a6
```
#cdc1a6 rgb(205,193,166)
```
#d2c3a1
```
#d2c3a1 rgb(210,195,161)
```
#d8c59b
```
#d8c59b rgb(216,197,155)
```
#ddc796
```
#ddc796 rgb(221,199,150)
```
#e2ca91
```
#e2ca91 rgb(226,202,145)
```
#e8cc8b
```
#e8cc8b rgb(232,204,139)
```
#edce86
```
#edce86 rgb(237,206,134)
```
#f2d081
```
#f2d081 rgb(242,208,129)
```
#f8d27b
```
#f8d27b rgb(248,210,123)
```
#fdd476
```
#fdd476 rgb(253,212,118)
```

Tone Color Variation

Below, you can see how #fdd476 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
#ded6c3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#efda7e Protanopia 1% of men
#ffd39c Deuteranopia 1% of men
#ffced9 Tritanopia 0.001% of the population

Trichromacy

#f4d87b Protanomaly 1% of men, 0.01% of women
#fed38e Deuteranomaly 6% of men, 0.4% of women
#fed0b5 Tritanomaly 0.01% of the population

#fdd476 hex color

#fdd476 Color Information

#fdd476 Color Conversion

Color Schemes with #fdd476

Alternatives to #fdd476

#fdd476 Preview

Shades and Tints of #fdd476

Tones of #fdd476

Color Blindness Simulator