#fdae74 hex color

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

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

● #fdae74 color description : Soft orange.

The hexadecimal color #fdae74 has RGB values of R:253, G:174, B:116 and CMYK values of C:0, M:0.31, Y:0.54, K:0.01. Its decimal value is 16625268.

Hex triplet	fdae74	`#fdae74`
RGB Decimal	253, 174, 116	`rgb(253,174,116)`
RGB Percent	99.2, 68.2, 45.5	`rgb(99.2%,68.2%,45.5%)`
CMYK	0, 31, 54, 1
HSL	25.4°, 97.2, 72.4	`hsl(25.4,97.2%,72.4%)`
HSV (or HSB)	25.4°, 54.2, 99.2
Web Safe	ff9966	`#ff9966`

CIE-LAB	77.531, 22.883, 41.218
XYZ	58.797, 52.419, 23.543
xyY	0.436, 0.389, 52.419
CIE-LCH	77.531, 47.144, 60.963
CIE-LUV	77.531, 59.463, 47.23
Hunter-Lab	72.401, 18.259, 31.401
Binary	11111101, 10101110, 01110100

#fdae74
```
#fdae74 rgb(253,174,116)
```
#74c3fd
```
#74c3fd rgb(116,195,253)
```

Complementary Color

#fd747f
```
#fd747f rgb(253,116,127)
```
#fdae74
```
#fdae74 rgb(253,174,116)
```
#fdf374
```
#fdf374 rgb(253,243,116)
```

Analogous Color

#747ffd
```
#747ffd rgb(116,127,253)
```
#fdae74
```
#fdae74 rgb(253,174,116)
```
#74fdf3
```
#74fdf3 rgb(116,253,243)
```

Split Complementary Color

#ae74fd
```
#ae74fd rgb(174,116,253)
```
#fdae74
```
#fdae74 rgb(253,174,116)
```
#74fdae
```
#74fdae rgb(116,253,174)
```

Triadic Color

#fd74c3
```
#fd74c3 rgb(253,116,195)
```
#fdae74
```
#fdae74 rgb(253,174,116)
```
#74fdae
```
#74fdae rgb(116,253,174)
```
#74c3fd
```
#74c3fd rgb(116,195,253)
```

Tetradic Color

#fc8229
```
#fc8229 rgb(252,130,41)
```
#fc9142
```
#fc9142 rgb(252,145,66)
```
#fd9f5b
```
#fd9f5b rgb(253,159,91)
```
#fdae74
```
#fdae74 rgb(253,174,116)
```
#fdbd8d
```
#fdbd8d rgb(253,189,141)
```
#fecba6
```
#fecba6 rgb(254,203,166)
```
#fedabf
```
#fedabf rgb(254,218,191)
```

Monochromatic Color

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

#fd8c74
```
#fd8c74 rgb(253,140,116)
```
#fd9774
```
#fd9774 rgb(253,151,116)
```
#fda374
```
#fda374 rgb(253,163,116)
```
#fdae74
```
#fdae74 rgb(253,174,116)
```
#fdb974
```
#fdb974 rgb(253,185,116)
```
#fdc574
```
#fdc574 rgb(253,197,116)
```
#fdd074
```
#fdd074 rgb(253,208,116)
```

Similar Colors

Text with hexadecimal color #fdae74

This text has a font color of #fdae74.

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

#fdae74 background color

This paragraph has a background color of #fdae74.

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

#fdae74 border color

This element has a border color of #fdae74.

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

CSS codes

.text {color:#fdae74;}

.background {background-color:#fdae74;}

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

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, #100700 is the darkest color, while #fffdfb is the lightest one.

#100700
```
#100700 rgb(16,7,0)
```
#230f01
```
#230f01 rgb(35,15,1)
```
#361701
```
#361701 rgb(54,23,1)
```
#4a2001
```
#4a2001 rgb(74,32,1)
```
#5d2801
```
#5d2801 rgb(93,40,1)
```
#703102
```
#703102 rgb(112,49,2)
```
#843902
```
#843902 rgb(132,57,2)
```
#974102
```
#974102 rgb(151,65,2)
```
#aa4a02
```
#aa4a02 rgb(170,74,2)
```
#be5203
```
#be5203 rgb(190,82,3)
```
#d15a03
```
#d15a03 rgb(209,90,3)
```
#e46303
```
#e46303 rgb(228,99,3)
```
#f86b04
```
#f86b04 rgb(248,107,4)
```

Shade Color Variation

#fc7613
```
#fc7613 rgb(252,118,19)
```
#fc8127
```
#fc8127 rgb(252,129,39)
```
#fc8c3a
```
#fc8c3a rgb(252,140,58)
```
#fc974d
```
#fc974d rgb(252,151,77)
```
#fda361
```
#fda361 rgb(253,163,97)
```
#fdae74
```
#fdae74 rgb(253,174,116)
```
#fdb987
```
#fdb987 rgb(253,185,135)
```
#fec59b
```
#fec59b rgb(254,197,155)
```
#fed0ae
```
#fed0ae rgb(254,208,174)
```
#fedbc1
```
#fedbc1 rgb(254,219,193)
```
#fee6d5
```
#fee6d5 rgb(254,230,213)
```
#fff2e8
```
#fff2e8 rgb(255,242,232)
```
#fffdfb
```
#fffdfb rgb(255,253,251)
```

Tint Color Variation

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

#bcb8b5
```
#bcb8b5 rgb(188,184,181)
```
#c1b7b0
```
#c1b7b0 rgb(193,183,176)
```
#c7b6aa
```
#c7b6aa rgb(199,182,170)
```
#ccb5a5
```
#ccb5a5 rgb(204,181,165)
```
#d2b59f
```
#d2b59f rgb(210,181,159)
```
#d7b49a
```
#d7b49a rgb(215,180,154)
```
#dcb395
```
#dcb395 rgb(220,179,149)
```
#e2b28f
```
#e2b28f rgb(226,178,143)
```
#e7b18a
```
#e7b18a rgb(231,177,138)
```
#edb084
```
#edb084 rgb(237,176,132)
```
#f2b07f
```
#f2b07f rgb(242,176,127)
```
#f8af79
```
#f8af79 rgb(248,175,121)
```
#fdae74
```
#fdae74 rgb(253,174,116)
```

Tone Color Variation

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

#bfbfbf Achromatopsia 0.005% of the population
#cbbcb0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d3c281 Protanopia 1% of men
#eaba78 Deuteranopia 1% of men
#ffacb7 Tritanopia 0.001% of the population

Trichromacy

#e2bb7c Protanomaly 1% of men, 0.01% of women
#f1b677 Deuteranomaly 6% of men, 0.4% of women
#feac9e Tritanomaly 0.01% of the population

#fdae74 hex color

#fdae74 Color Information

#fdae74 Color Conversion

Color Schemes with #fdae74

Alternatives to #fdae74

#fdae74 Preview

Shades and Tints of #fdae74

Tones of #fdae74

Color Blindness Simulator