#fdae4f hex color

In a RGB color space, hex #fdae4f is composed of 99.2% red, 68.2% green and 31% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.2% magenta, 68.8% yellow and 0.8% black. It has a hue angle of 32.8 degrees, a saturation of 97.8% and a lightness of 65.1%. #fdae4f color hex could be obtained by blending #ffff9e with #fb5d00. Closest websafe color is: #ff9966.

♥
- f
- t
- g
- R 99
- G 68
- B 31
RGB color chart
- C 0
- M 31
- Y 69
- K 1
CMYK color chart

● #fdae4f color description : Soft orange.

The hexadecimal color #fdae4f has RGB values of R:253, G:174, B:79 and CMYK values of C:0, M:0.31, Y:0.69, K:0.01. Its decimal value is 16625231.

Hex triplet	fdae4f	`#fdae4f`
RGB Decimal	253, 174, 79	`rgb(253,174,79)`
RGB Percent	99.2, 68.2, 31	`rgb(99.2%,68.2%,31%)`
CMYK	0, 31, 69, 1
HSL	32.8°, 97.8, 65.1	`hsl(32.8,97.8%,65.1%)`
HSV (or HSB)	32.8°, 68.8, 99.2
Web Safe	ff9966	`#ff9966`

CIE-LAB	77.115, 20.429, 58.704
XYZ	57.057, 51.723, 14.375
xyY	0.463, 0.42, 51.723
CIE-LCH	77.115, 62.157, 70.812
CIE-LUV	77.115, 62.841, 63.205
Hunter-Lab	71.919, 15.755, 38.492
Binary	11111101, 10101110, 01001111

#fdae4f
```
#fdae4f rgb(253,174,79)
```
#4f9efd
```
#4f9efd rgb(79,158,253)
```

Complementary Color

#fd574f
```
#fd574f rgb(253,87,79)
```
#fdae4f
```
#fdae4f rgb(253,174,79)
```
#f5fd4f
```
#f5fd4f rgb(245,253,79)
```

Analogous Color

#574ffd
```
#574ffd rgb(87,79,253)
```
#fdae4f
```
#fdae4f rgb(253,174,79)
```
#4ff5fd
```
#4ff5fd rgb(79,245,253)
```

Split Complementary Color

#ae4ffd
```
#ae4ffd rgb(174,79,253)
```
#fdae4f
```
#fdae4f rgb(253,174,79)
```
#4ffdae
```
#4ffdae rgb(79,253,174)
```

Triadic Color

#fd4f9e
```
#fd4f9e rgb(253,79,158)
```
#fdae4f
```
#fdae4f rgb(253,174,79)
```
#4ffdae
```
#4ffdae rgb(79,253,174)
```
#4f9efd
```
#4f9efd rgb(79,158,253)
```

Tetradic Color

#fc8b03
```
#fc8b03 rgb(252,139,3)
```
#fc971d
```
#fc971d rgb(252,151,29)
```
#fda236
```
#fda236 rgb(253,162,54)
```
#fdae4f
```
#fdae4f rgb(253,174,79)
```
#fdba68
```
#fdba68 rgb(253,186,104)
```
#fec581
```
#fec581 rgb(254,197,129)
```
#fed19b
```
#fed19b rgb(254,209,155)
```

Monochromatic Color

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

#fd834f
```
#fd834f rgb(253,131,79)
```
#fd914f
```
#fd914f rgb(253,145,79)
```
#fda04f
```
#fda04f rgb(253,160,79)
```
#fdae4f
```
#fdae4f rgb(253,174,79)
```
#fdbd4f
```
#fdbd4f rgb(253,189,79)
```
#fdcb4f
```
#fdcb4f rgb(253,203,79)
```
#fdda4f
```
#fdda4f rgb(253,218,79)
```

Similar Colors

Text with hexadecimal color #fdae4f

This text has a font color of #fdae4f.

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

#fdae4f background color

This paragraph has a background color of #fdae4f.

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

#fdae4f border color

This element has a border color of #fdae4f.

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

CSS codes

.text {color:#fdae4f;}

.background {background-color:#fdae4f;}

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

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

#120a00
```
#120a00 rgb(18,10,0)
```
#251500
```
#251500 rgb(37,21,0)
```
#391f01
```
#391f01 rgb(57,31,1)
```
#4c2a01
```
#4c2a01 rgb(76,42,1)
```
#603501
```
#603501 rgb(96,53,1)
```
#733f01
```
#733f01 rgb(115,63,1)
```
#864a02
```
#864a02 rgb(134,74,2)
```
#9a5502
```
#9a5502 rgb(154,85,2)
```
#ad5f02
```
#ad5f02 rgb(173,95,2)
```
#c16a02
```
#c16a02 rgb(193,106,2)
```
#d47502
```
#d47502 rgb(212,117,2)
```
#e77f03
```
#e77f03 rgb(231,127,3)
```
#fb8a03
```
#fb8a03 rgb(251,138,3)
```

Shade Color Variation

#fc9315
```
#fc9315 rgb(252,147,21)
```
#fd9c28
```
#fd9c28 rgb(253,156,40)
```
#fda53c
```
#fda53c rgb(253,165,60)
```
#fdae4f
```
#fdae4f rgb(253,174,79)
```
#fdb762
```
#fdb762 rgb(253,183,98)
```
#fdc076
```
#fdc076 rgb(253,192,118)
```
#fec989
```
#fec989 rgb(254,201,137)
```
#fed29d
```
#fed29d rgb(254,210,157)
```
#fedbb0
```
#fedbb0 rgb(254,219,176)
```
#fee4c3
```
#fee4c3 rgb(254,228,195)
```
#ffecd7
```
#ffecd7 rgb(255,236,215)
```
#fff5ea
```
#fff5ea rgb(255,245,234)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#aba6a1
```
#aba6a1 rgb(171,166,161)
```
#b2a79a
```
#b2a79a rgb(178,167,154)
```
#b9a893
```
#b9a893 rgb(185,168,147)
```
#bfa88d
```
#bfa88d rgb(191,168,141)
```
#c6a986
```
#c6a986 rgb(198,169,134)
```
#cdaa7f
```
#cdaa7f rgb(205,170,127)
```
#d4aa78
```
#d4aa78 rgb(212,170,120)
```
#dbab71
```
#dbab71 rgb(219,171,113)
```
#e2ab6a
```
#e2ab6a rgb(226,171,106)
```
#e8ac64
```
#e8ac64 rgb(232,172,100)
```
#efad5d
```
#efad5d rgb(239,173,93)
```
#f6ad56
```
#f6ad56 rgb(246,173,86)
```
#fdae4f
```
#fdae4f rgb(253,174,79)
```

Tone Color Variation

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

#bbbbbb Achromatopsia 0.005% of the population
#c8b8a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d6c15c Protanopia 1% of men
#eeb855 Deuteranopia 1% of men
#ffaab4 Tritanopia 0.001% of the population

Trichromacy

#e4ba57 Protanomaly 1% of men, 0.01% of women
#f3b453 Deuteranomaly 6% of men, 0.4% of women
#feab8f Tritanomaly 0.01% of the population

#fdae4f hex color

#fdae4f Color Information

#fdae4f Color Conversion

Color Schemes with #fdae4f

Alternatives to #fdae4f

#fdae4f Preview

Shades and Tints of #fdae4f

Tones of #fdae4f

Color Blindness Simulator