#fdd276 hex color

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

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

● #fdd276 color description : Soft orange.

The hexadecimal color #fdd276 has RGB values of R:253, G:210, B:118 and CMYK values of C:0, M:0.17, Y:0.53, K:0.01. Its decimal value is 16634486.

Hex triplet	fdd276	`#fdd276`
RGB Decimal	253, 210, 118	`rgb(253,210,118)`
RGB Percent	99.2, 82.4, 46.3	`rgb(99.2%,82.4%,46.3%)`
CMYK	0, 17, 53, 1
HSL	40.9°, 97.1, 72.7	`hsl(40.9,97.1%,72.7%)`
HSV (or HSB)	40.9°, 53.4, 99.2
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	86.149, 4.301, 50.781
XYZ	66.825, 68.286, 26.799
xyY	0.413, 0.422, 68.286
CIE-LCH	86.149, 50.963, 85.158
CIE-LUV	86.149, 33.963, 63.011
Hunter-Lab	82.636, -0.265, 38.617
Binary	11111101, 11010010, 01110110

#fdd276
```
#fdd276 rgb(253,210,118)
```
#76a1fd
```
#76a1fd rgb(118,161,253)
```

Complementary Color

#fd8f76
```
#fd8f76 rgb(253,143,118)
```
#fdd276
```
#fdd276 rgb(253,210,118)
```
#e5fd76
```
#e5fd76 rgb(229,253,118)
```

Analogous Color

#8f76fd
```
#8f76fd rgb(143,118,253)
```
#fdd276
```
#fdd276 rgb(253,210,118)
```
#76e5fd
```
#76e5fd rgb(118,229,253)
```

Split Complementary Color

#d276fd
```
#d276fd rgb(210,118,253)
```
#fdd276
```
#fdd276 rgb(253,210,118)
```
#76fdd2
```
#76fdd2 rgb(118,253,210)
```

Triadic Color

#fd76a1
```
#fd76a1 rgb(253,118,161)
```
#fdd276
```
#fdd276 rgb(253,210,118)
```
#76fdd2
```
#76fdd2 rgb(118,253,210)
```
#76a1fd
```
#76a1fd rgb(118,161,253)
```

Tetradic Color

#fcb92b
```
#fcb92b rgb(252,185,43)
```
#fcc144
```
#fcc144 rgb(252,193,68)
```
#fdca5d
```
#fdca5d rgb(253,202,93)
```
#fdd276
```
#fdd276 rgb(253,210,118)
```
#fdda8f
```
#fdda8f rgb(253,218,143)
```
#fee3a8
```
#fee3a8 rgb(254,227,168)
```
#feebc1
```
#feebc1 rgb(254,235,193)
```

Monochromatic Color

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

#fdb076
```
#fdb076 rgb(253,176,118)
```
#fdbc76
```
#fdbc76 rgb(253,188,118)
```
#fdc776
```
#fdc776 rgb(253,199,118)
```
#fdd276
```
#fdd276 rgb(253,210,118)
```
#fddd76
```
#fddd76 rgb(253,221,118)
```
#fde976
```
#fde976 rgb(253,233,118)
```
#fdf476
```
#fdf476 rgb(253,244,118)
```

Similar Colors

Text with hexadecimal color #fdd276

This text has a font color of #fdd276.

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

#fdd276 background color

This paragraph has a background color of #fdd276.

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

#fdd276 border color

This element has a border color of #fdd276.

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

CSS codes

.text {color:#fdd276;}

.background {background-color:#fdd276;}

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

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)
```
#251901
```
#251901 rgb(37,25,1)
```
#382701
```
#382701 rgb(56,39,1)
```
#4c3401
```
#4c3401 rgb(76,52,1)
```
#5f4101
```
#5f4101 rgb(95,65,1)
```
#724e02
```
#724e02 rgb(114,78,2)
```
#865c02
```
#865c02 rgb(134,92,2)
```
#996902
```
#996902 rgb(153,105,2)
```
#ac7603
```
#ac7603 rgb(172,118,3)
```
#c08403
```
#c08403 rgb(192,132,3)
```
#d39103
```
#d39103 rgb(211,145,3)
```
#e69e03
```
#e69e03 rgb(230,158,3)
```
#faab04
```
#faab04 rgb(250,171,4)
```

Shade Color Variation

#fcb215
```
#fcb215 rgb(252,178,21)
```
#fcb929
```
#fcb929 rgb(252,185,41)
```
#fcbf3c
```
#fcbf3c rgb(252,191,60)
```
#fcc54f
```
#fcc54f rgb(252,197,79)
```
#fdcc63
```
#fdcc63 rgb(253,204,99)
```
#fdd276
```
#fdd276 rgb(253,210,118)
```
#fdd889
```
#fdd889 rgb(253,216,137)
```
#fedf9d
```
#fedf9d rgb(254,223,157)
```
#fee5b0
```
#fee5b0 rgb(254,229,176)
```
#feebc3
```
#feebc3 rgb(254,235,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 #fdd276 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)
```
#d2c2a1
```
#d2c2a1 rgb(210,194,161)
```
#d8c49b
```
#d8c49b rgb(216,196,155)
```
#ddc696
```
#ddc696 rgb(221,198,150)
```
#e2c891
```
#e2c891 rgb(226,200,145)
```
#e8ca8b
```
#e8ca8b rgb(232,202,139)
```
#edcc86
```
#edcc86 rgb(237,204,134)
```
#f2ce81
```
#f2ce81 rgb(242,206,129)
```
#f8d07b
```
#f8d07b rgb(248,208,123)
```
#fdd276
```
#fdd276 rgb(253,210,118)
```

Tone Color Variation

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

#d4d4d4 Achromatopsia 0.005% of the population
#dcd4c1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#eed97e Protanopia 1% of men
#ffd297 Deuteranopia 1% of men
#ffccd8 Tritanopia 0.001% of the population

Trichromacy

#f3d67b Protanomaly 1% of men, 0.01% of women
#fed28b Deuteranomaly 6% of men, 0.4% of women
#feceb4 Tritanomaly 0.01% of the population

#fdd276 hex color

#fdd276 Color Information

#fdd276 Color Conversion

Color Schemes with #fdd276

Alternatives to #fdd276

#fdd276 Preview

Shades and Tints of #fdd276

Tones of #fdd276

Color Blindness Simulator