#fdd67e hex color

In a RGB color space, hex #fdd67e is composed of 99.2% red, 83.9% green and 49.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 15.4% magenta, 50.2% yellow and 0.8% black. It has a hue angle of 41.6 degrees, a saturation of 96.9% and a lightness of 74.3%. #fdd67e color hex could be obtained by blending #fffffc with #fbad00. Closest websafe color is: #ffcc66.

♥
- f
- t
- g
- R 99
- G 84
- B 49
RGB color chart
- C 0
- M 15
- Y 50
- K 1
CMYK color chart

● #fdd67e color description : Soft orange.

The hexadecimal color #fdd67e has RGB values of R:253, G:214, B:126 and CMYK values of C:0, M:0.15, Y:0.5, K:0.01. Its decimal value is 16635518.

Hex triplet	fdd67e	`#fdd67e`
RGB Decimal	253, 214, 126	`rgb(253,214,126)`
RGB Percent	99.2, 83.9, 49.4	`rgb(99.2%,83.9%,49.4%)`
CMYK	0, 15, 50, 1
HSL	41.6°, 96.9, 74.3	`hsl(41.6,96.9%,74.3%)`
HSV (or HSB)	41.6°, 50.2, 99.2
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	87.234, 2.919, 48.219
XYZ	68.321, 70.485, 29.744
xyY	0.405, 0.418, 70.485
CIE-LCH	87.234, 48.308, 86.535
CIE-LUV	87.234, 30.752, 61.067
Hunter-Lab	83.955, -1.662, 37.763
Binary	11111101, 11010110, 01111110

#fdd67e
```
#fdd67e rgb(253,214,126)
```
#7ea5fd
```
#7ea5fd rgb(126,165,253)
```

Complementary Color

#fd977e
```
#fd977e rgb(253,151,126)
```
#fdd67e
```
#fdd67e rgb(253,214,126)
```
#e5fd7e
```
#e5fd7e rgb(229,253,126)
```

Analogous Color

#977efd
```
#977efd rgb(151,126,253)
```
#fdd67e
```
#fdd67e rgb(253,214,126)
```
#7ee5fd
```
#7ee5fd rgb(126,229,253)
```

Split Complementary Color

#d67efd
```
#d67efd rgb(214,126,253)
```
#fdd67e
```
#fdd67e rgb(253,214,126)
```
#7efdd6
```
#7efdd6 rgb(126,253,214)
```

Triadic Color

#fd7ea5
```
#fd7ea5 rgb(253,126,165)
```
#fdd67e
```
#fdd67e rgb(253,214,126)
```
#7efdd6
```
#7efdd6 rgb(126,253,214)
```
#7ea5fd
```
#7ea5fd rgb(126,165,253)
```

Tetradic Color

#fcbe33
```
#fcbe33 rgb(252,190,51)
```
#fcc64c
```
#fcc64c rgb(252,198,76)
```
#fdce65
```
#fdce65 rgb(253,206,101)
```
#fdd67e
```
#fdd67e rgb(253,214,126)
```
#fdde97
```
#fdde97 rgb(253,222,151)
```
#fee6b0
```
#fee6b0 rgb(254,230,176)
```
#feeec9
```
#feeec9 rgb(254,238,201)
```

Monochromatic Color

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

#fdb67e
```
#fdb67e rgb(253,182,126)
```
#fdc17e
```
#fdc17e rgb(253,193,126)
```
#fdcb7e
```
#fdcb7e rgb(253,203,126)
```
#fdd67e
```
#fdd67e rgb(253,214,126)
```
#fde17e
```
#fde17e rgb(253,225,126)
```
#fdeb7e
```
#fdeb7e rgb(253,235,126)
```
#fdf67e
```
#fdf67e rgb(253,246,126)
```

Similar Colors

Text with hexadecimal color #fdd67e

This text has a font color of #fdd67e.

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

#fdd67e background color

This paragraph has a background color of #fdd67e.

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

#fdd67e border color

This element has a border color of #fdd67e.

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

CSS codes

.text {color:#fdd67e;}

.background {background-color:#fdd67e;}

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

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

#060400
```
#060400 rgb(6,4,0)
```
#1a1200
```
#1a1200 rgb(26,18,0)
```
#2d1f01
```
#2d1f01 rgb(45,31,1)
```
#402d01
```
#402d01 rgb(64,45,1)
```
#533a01
```
#533a01 rgb(83,58,1)
```
#674802
```
#674802 rgb(103,72,2)
```
#7a5502
```
#7a5502 rgb(122,85,2)
```
#8d6302
```
#8d6302 rgb(141,99,2)
```
#a17002
```
#a17002 rgb(161,112,2)
```
#b47e03
```
#b47e03 rgb(180,126,3)
```
#c78b03
```
#c78b03 rgb(199,139,3)
```
#db9903
```
#db9903 rgb(219,153,3)
```
#eea604
```
#eea604 rgb(238,166,4)
```

Shade Color Variation

#fbb10a
```
#fbb10a rgb(251,177,10)
```
#fcb71d
```
#fcb71d rgb(252,183,29)
```
#fcbd31
```
#fcbd31 rgb(252,189,49)
```
#fcc444
```
#fcc444 rgb(252,196,68)
```
#fcca57
```
#fcca57 rgb(252,202,87)
```
#fdd06b
```
#fdd06b rgb(253,208,107)
```
#fdd67e
```
#fdd67e rgb(253,214,126)
```
#fddc91
```
#fddc91 rgb(253,220,145)
```
#fee2a5
```
#fee2a5 rgb(254,226,165)
```
#fee8b8
```
#fee8b8 rgb(254,232,184)
```
#feefcb
```
#feefcb rgb(254,239,203)
```
#fef5df
```
#fef5df rgb(254,245,223)
```
#fffbf2
```
#fffbf2 rgb(255,251,242)
```

Tint Color Variation

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

#c1bfba
```
#c1bfba rgb(193,191,186)
```
#c6c1b5
```
#c6c1b5 rgb(198,193,181)
```
#cbc3b0
```
#cbc3b0 rgb(203,195,176)
```
#d0c5ab
```
#d0c5ab rgb(208,197,171)
```
#d5c6a6
```
#d5c6a6 rgb(213,198,166)
```
#dac8a1
```
#dac8a1 rgb(218,200,161)
```
#dfca9c
```
#dfca9c rgb(223,202,156)
```
#e4cc97
```
#e4cc97 rgb(228,204,151)
```
#e9ce92
```
#e9ce92 rgb(233,206,146)
```
#eed08d
```
#eed08d rgb(238,208,141)
```
#f3d288
```
#f3d288 rgb(243,210,136)
```
#f8d483
```
#f8d483 rgb(248,212,131)
```
#fdd67e
```
#fdd67e rgb(253,214,126)
```

Tone Color Variation

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

#d8d8d8 Achromatopsia 0.005% of the population
#dfd8c6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f0dc86 Protanopia 1% of men
#ffd5a3 Deuteranopia 1% of men
#ffd0dc Tritanopia 0.001% of the population

Trichromacy

#f5da83 Protanomaly 1% of men, 0.01% of women
#fed595 Deuteranomaly 6% of men, 0.4% of women
#fed2b9 Tritanomaly 0.01% of the population

#fdd67e hex color

#fdd67e Color Information

#fdd67e Color Conversion

Color Schemes with #fdd67e

Alternatives to #fdd67e

#fdd67e Preview

Shades and Tints of #fdd67e

Tones of #fdd67e

Color Blindness Simulator