#fdd45e hex color

In a RGB color space, hex #fdd45e is composed of 99.2% red, 83.1% green and 36.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 16.2% magenta, 62.8% yellow and 0.8% black. It has a hue angle of 44.5 degrees, a saturation of 97.5% and a lightness of 68%. #fdd45e color hex could be obtained by blending #ffffbc with #fba900. Closest websafe color is: #ffcc66.

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

● #fdd45e color description : Soft orange.

The hexadecimal color #fdd45e has RGB values of R:253, G:212, B:94 and CMYK values of C:0, M:0.16, Y:0.63, K:0.01. Its decimal value is 16634974.

Hex triplet	fdd45e	`#fdd45e`
RGB Decimal	253, 212, 94	`rgb(253,212,94)`
RGB Percent	99.2, 83.1, 36.9	`rgb(99.2%,83.1%,36.9%)`
CMYK	0, 16, 63, 1
HSL	44.5°, 97.5, 68	`hsl(44.5,97.5%,68%)`
HSV (or HSB)	44.5°, 62.8, 99.2
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	86.395, 1.567, 62.129
XYZ	66.072, 68.78, 20.385
xyY	0.426, 0.443, 68.78
CIE-LCH	86.395, 62.149, 88.555
CIE-LUV	86.395, 33.926, 73.898
Hunter-Lab	82.934, -2.926, 43.48
Binary	11111101, 11010100, 01011110

#fdd45e
```
#fdd45e rgb(253,212,94)
```
#5e87fd
```
#5e87fd rgb(94,135,253)
```

Complementary Color

#fd855e
```
#fd855e rgb(253,133,94)
```
#fdd45e
```
#fdd45e rgb(253,212,94)
```
#d7fd5e
```
#d7fd5e rgb(215,253,94)
```

Analogous Color

#855efd
```
#855efd rgb(133,94,253)
```
#fdd45e
```
#fdd45e rgb(253,212,94)
```
#5ed7fd
```
#5ed7fd rgb(94,215,253)
```

Split Complementary Color

#d45efd
```
#d45efd rgb(212,94,253)
```
#fdd45e
```
#fdd45e rgb(253,212,94)
```
#5efdd4
```
#5efdd4 rgb(94,253,212)
```

Triadic Color

#fd5e87
```
#fd5e87 rgb(253,94,135)
```
#fdd45e
```
#fdd45e rgb(253,212,94)
```
#5efdd4
```
#5efdd4 rgb(94,253,212)
```
#5e87fd
```
#5e87fd rgb(94,135,253)
```

Tetradic Color

#fcc012
```
#fcc012 rgb(252,192,18)
```
#fcc72c
```
#fcc72c rgb(252,199,44)
```
#fdcd45
```
#fdcd45 rgb(253,205,69)
```
#fdd45e
```
#fdd45e rgb(253,212,94)
```
#fddb77
```
#fddb77 rgb(253,219,119)
```
#fee190
```
#fee190 rgb(254,225,144)
```
#fee8aa
```
#fee8aa rgb(254,232,170)
```

Monochromatic Color

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

#fdac5e
```
#fdac5e rgb(253,172,94)
```
#fdba5e
```
#fdba5e rgb(253,186,94)
```
#fdc75e
```
#fdc75e rgb(253,199,94)
```
#fdd45e
```
#fdd45e rgb(253,212,94)
```
#fde15e
```
#fde15e rgb(253,225,94)
```
#fdef5e
```
#fdef5e rgb(253,239,94)
```
#fdfc5e
```
#fdfc5e rgb(253,252,94)
```

Similar Colors

Text with hexadecimal color #fdd45e

This text has a font color of #fdd45e.

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

#fdd45e background color

This paragraph has a background color of #fdd45e.

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

#fdd45e border color

This element has a border color of #fdd45e.

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

CSS codes

.text {color:#fdd45e;}

.background {background-color:#fdd45e;}

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

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, #0d0a00 is the darkest color, while #fffdf9 is the lightest one.

#0d0a00
```
#0d0a00 rgb(13,10,0)
```
#211800
```
#211800 rgb(33,24,0)
```
#342701
```
#342701 rgb(52,39,1)
```
#473501
```
#473501 rgb(71,53,1)
```
#5b4401
```
#5b4401 rgb(91,68,1)
```
#6e5201
```
#6e5201 rgb(110,82,1)
```
#826102
```
#826102 rgb(130,97,2)
```
#956f02
```
#956f02 rgb(149,111,2)
```
#a87d02
```
#a87d02 rgb(168,125,2)
```
#bc8c02
```
#bc8c02 rgb(188,140,2)
```
#cf9a03
```
#cf9a03 rgb(207,154,3)
```
#e2a903
```
#e2a903 rgb(226,169,3)
```
#f6b703
```
#f6b703 rgb(246,183,3)
```

Shade Color Variation

#fcbf11
```
#fcbf11 rgb(252,191,17)
```
#fcc424
```
#fcc424 rgb(252,196,36)
```
#fdca37
```
#fdca37 rgb(253,202,55)
```
#fdcf4b
```
#fdcf4b rgb(253,207,75)
```
#fdd45e
```
#fdd45e rgb(253,212,94)
```
#fdd971
```
#fdd971 rgb(253,217,113)
```
#fdde85
```
#fdde85 rgb(253,222,133)
```
#fee498
```
#fee498 rgb(254,228,152)
```
#fee9ab
```
#fee9ab rgb(254,233,171)
```
#feeebf
```
#feeebf rgb(254,238,191)
```
#fef3d2
```
#fef3d2 rgb(254,243,210)
```
#fff8e6
```
#fff8e6 rgb(255,248,230)
```
#fffdf9
```
#fffdf9 rgb(255,253,249)
```

Tint Color Variation

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

#b2b0a9
```
#b2b0a9 rgb(178,176,169)
```
#b8b3a3
```
#b8b3a3 rgb(184,179,163)
```
#beb69d
```
#beb69d rgb(190,182,157)
```
#c5b996
```
#c5b996 rgb(197,185,150)
```
#cbbc90
```
#cbbc90 rgb(203,188,144)
```
#d1bf8a
```
#d1bf8a rgb(209,191,138)
```
#d7c284
```
#d7c284 rgb(215,194,132)
```
#dec57d
```
#dec57d rgb(222,197,125)
```
#e4c877
```
#e4c877 rgb(228,200,119)
```
#eacb71
```
#eacb71 rgb(234,203,113)
```
#f0ce6b
```
#f0ce6b rgb(240,206,107)
```
#f7d164
```
#f7d164 rgb(247,209,100)
```
#fdd45e
```
#fdd45e rgb(253,212,94)
```

Tone Color Variation

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

#d3d3d3 Achromatopsia 0.005% of the population
#dbd3bc Atypical Achromatopsia 0.001% of the population

Dichromacy

#f1da67 Protanopia 1% of men
#ffd395 Deuteranopia 1% of men
#ffcdd8 Tritanopia 0.001% of the population

Trichromacy

#f5d864 Protanomaly 1% of men, 0.01% of women
#fed381 Deuteranomaly 6% of men, 0.4% of women
#fecfac Tritanomaly 0.01% of the population

#fdd45e hex color

#fdd45e Color Information

#fdd45e Color Conversion

Color Schemes with #fdd45e

Alternatives to #fdd45e

#fdd45e Preview

Shades and Tints of #fdd45e

Tones of #fdd45e

Color Blindness Simulator