#fdd674 hex color

In a RGB color space, hex #fdd674 is composed of 99.2% red, 83.9% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 15.4% magenta, 54.2% yellow and 0.8% black. It has a hue angle of 42.9 degrees, a saturation of 97.2% and a lightness of 72.4%. #fdd674 color hex could be obtained by blending #ffffe8 with #fbad00. Closest websafe color is: #ffcc66.

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

● #fdd674 color description : Soft orange.

The hexadecimal color #fdd674 has RGB values of R:253, G:214, B:116 and CMYK values of C:0, M:0.15, Y:0.54, K:0.01. Its decimal value is 16635508.

Hex triplet	fdd674	`#fdd674`
RGB Decimal	253, 214, 116	`rgb(253,214,116)`
RGB Percent	99.2, 83.9, 45.5	`rgb(99.2%,83.9%,45.5%)`
CMYK	0, 15, 54, 1
HSL	42.9°, 97.2, 72.4	`hsl(42.9,97.2%,72.4%)`
HSV (or HSB)	42.9°, 54.2, 99.2
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	87.114, 2.092, 52.892
XYZ	67.707, 70.239, 26.513
xyY	0.412, 0.427, 70.239
CIE-LCH	87.114, 52.933, 87.735
CIE-LUV	87.114, 31.363, 65.787
Hunter-Lab	83.809, -2.459, 39.91
Binary	11111101, 11010110, 01110100

#fdd674
```
#fdd674 rgb(253,214,116)
```
#749bfd
```
#749bfd rgb(116,155,253)
```

Complementary Color

#fd9274
```
#fd9274 rgb(253,146,116)
```
#fdd674
```
#fdd674 rgb(253,214,116)
```
#e0fd74
```
#e0fd74 rgb(224,253,116)
```

Analogous Color

#9274fd
```
#9274fd rgb(146,116,253)
```
#fdd674
```
#fdd674 rgb(253,214,116)
```
#74e0fd
```
#74e0fd rgb(116,224,253)
```

Split Complementary Color

#d674fd
```
#d674fd rgb(214,116,253)
```
#fdd674
```
#fdd674 rgb(253,214,116)
```
#74fdd6
```
#74fdd6 rgb(116,253,214)
```

Triadic Color

#fd749b
```
#fd749b rgb(253,116,155)
```
#fdd674
```
#fdd674 rgb(253,214,116)
```
#74fdd6
```
#74fdd6 rgb(116,253,214)
```
#749bfd
```
#749bfd rgb(116,155,253)
```

Tetradic Color

#fcc029
```
#fcc029 rgb(252,192,41)
```
#fcc742
```
#fcc742 rgb(252,199,66)
```
#fdcf5b
```
#fdcf5b rgb(253,207,91)
```
#fdd674
```
#fdd674 rgb(253,214,116)
```
#fddd8d
```
#fddd8d rgb(253,221,141)
```
#fee5a6
```
#fee5a6 rgb(254,229,166)
```
#feecbf
```
#feecbf rgb(254,236,191)
```

Monochromatic Color

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

#fdb474
```
#fdb474 rgb(253,180,116)
```
#fdbf74
```
#fdbf74 rgb(253,191,116)
```
#fdcb74
```
#fdcb74 rgb(253,203,116)
```
#fdd674
```
#fdd674 rgb(253,214,116)
```
#fde174
```
#fde174 rgb(253,225,116)
```
#fded74
```
#fded74 rgb(253,237,116)
```
#fdf874
```
#fdf874 rgb(253,248,116)
```

Similar Colors

Text with hexadecimal color #fdd674

This text has a font color of #fdd674.

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

#fdd674 background color

This paragraph has a background color of #fdd674.

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

#fdd674 border color

This element has a border color of #fdd674.

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

CSS codes

.text {color:#fdd674;}

.background {background-color:#fdd674;}

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

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, #100b00 is the darkest color, while #fffefb is the lightest one.

#100b00
```
#100b00 rgb(16,11,0)
```
#231901
```
#231901 rgb(35,25,1)
```
#362701
```
#362701 rgb(54,39,1)
```
#4a3501
```
#4a3501 rgb(74,53,1)
```
#5d4301
```
#5d4301 rgb(93,67,1)
```
#705102
```
#705102 rgb(112,81,2)
```
#845f02
```
#845f02 rgb(132,95,2)
```
#976d02
```
#976d02 rgb(151,109,2)
```
#aa7b02
```
#aa7b02 rgb(170,123,2)
```
#be8803
```
#be8803 rgb(190,136,3)
```
#d19603
```
#d19603 rgb(209,150,3)
```
#e4a403
```
#e4a403 rgb(228,164,3)
```
#f8b204
```
#f8b204 rgb(248,178,4)
```

Shade Color Variation

#fcb913
```
#fcb913 rgb(252,185,19)
```
#fcbf27
```
#fcbf27 rgb(252,191,39)
```
#fcc53a
```
#fcc53a rgb(252,197,58)
```
#fccb4d
```
#fccb4d rgb(252,203,77)
```
#fdd061
```
#fdd061 rgb(253,208,97)
```
#fdd674
```
#fdd674 rgb(253,214,116)
```
#fddc87
```
#fddc87 rgb(253,220,135)
```
#fee19b
```
#fee19b rgb(254,225,155)
```
#fee7ae
```
#fee7ae rgb(254,231,174)
```
#feedc1
```
#feedc1 rgb(254,237,193)
```
#fef3d5
```
#fef3d5 rgb(254,243,213)
```
#fff8e8
```
#fff8e8 rgb(255,248,232)
```
#fffefb
```
#fffefb rgb(255,254,251)
```

Tint Color Variation

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

#bcbab5
```
#bcbab5 rgb(188,186,181)
```
#c1bcb0
```
#c1bcb0 rgb(193,188,176)
```
#c7bfaa
```
#c7bfaa rgb(199,191,170)
```
#ccc1a5
```
#ccc1a5 rgb(204,193,165)
```
#d2c39f
```
#d2c39f rgb(210,195,159)
```
#d7c69a
```
#d7c69a rgb(215,198,154)
```
#dcc895
```
#dcc895 rgb(220,200,149)
```
#e2ca8f
```
#e2ca8f rgb(226,202,143)
```
#e7cd8a
```
#e7cd8a rgb(231,205,138)
```
#edcf84
```
#edcf84 rgb(237,207,132)
```
#f2d17f
```
#f2d17f rgb(242,209,127)
```
#f8d479
```
#f8d479 rgb(248,212,121)
```
#fdd674
```
#fdd674 rgb(253,214,116)
```

Tone Color Variation

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

Dichromacy

#f1dc7c Protanopia 1% of men
#ffd5a0 Deuteranopia 1% of men
#ffd0db Tritanopia 0.001% of the population

Trichromacy

#f5d979 Protanomaly 1% of men, 0.01% of women
#fed590 Deuteranomaly 6% of men, 0.4% of women
#fed2b5 Tritanomaly 0.01% of the population

#fdd674 hex color

#fdd674 Color Information

#fdd674 Color Conversion

Color Schemes with #fdd674

Alternatives to #fdd674

#fdd674 Preview

Shades and Tints of #fdd674

Tones of #fdd674

Color Blindness Simulator