#fdae2d hex color

In a RGB color space, hex #fdae2d is composed of 99.2% red, 68.2% green and 17.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.2% magenta, 82.2% yellow and 0.8% black. It has a hue angle of 37.2 degrees, a saturation of 98.1% and a lightness of 58.4%. #fdae2d color hex could be obtained by blending #ffff5a with #fb5d00. Closest websafe color is: #ff9933.

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

● #fdae2d color description : Bright orange.

The hexadecimal color #fdae2d has RGB values of R:253, G:174, B:45 and CMYK values of C:0, M:0.31, Y:0.82, K:0.01. Its decimal value is 16625197.

Hex triplet	fdae2d	`#fdae2d`
RGB Decimal	253, 174, 45	`rgb(253,174,45)`
RGB Percent	99.2, 68.2, 17.6	`rgb(99.2%,68.2%,17.6%)`
CMYK	0, 31, 82, 1
HSL	37.2°, 98.1, 58.4	`hsl(37.2,98.1%,58.4%)`
HSV (or HSB)	37.2°, 82.2, 99.2
Web Safe	ff9933	`#ff9933`

CIE-LAB	76.889, 19.079, 71.641
XYZ	56.119, 51.348, 9.438
xyY	0.48, 0.439, 51.348
CIE-LCH	76.889, 74.138, 75.088
CIE-LUV	76.889, 64.784, 72.356
Hunter-Lab	71.657, 14.393, 42.351
Binary	11111101, 10101110, 00101101

#fdae2d
```
#fdae2d rgb(253,174,45)
```
#2d7cfd
```
#2d7cfd rgb(45,124,253)
```

Complementary Color

#fd462d
```
#fd462d rgb(253,70,45)
```
#fdae2d
```
#fdae2d rgb(253,174,45)
```
#e4fd2d
```
#e4fd2d rgb(228,253,45)
```

Analogous Color

#462dfd
```
#462dfd rgb(70,45,253)
```
#fdae2d
```
#fdae2d rgb(253,174,45)
```
#2de4fd
```
#2de4fd rgb(45,228,253)
```

Split Complementary Color

#ae2dfd
```
#ae2dfd rgb(174,45,253)
```
#fdae2d
```
#fdae2d rgb(253,174,45)
```
#2dfdae
```
#2dfdae rgb(45,253,174)
```

Triadic Color

#fd2d7c
```
#fd2d7c rgb(253,45,124)
```
#fdae2d
```
#fdae2d rgb(253,174,45)
```
#2dfdae
```
#2dfdae rgb(45,253,174)
```
#2d7cfd
```
#2d7cfd rgb(45,124,253)
```

Tetradic Color

#db8902
```
#db8902 rgb(219,137,2)
```
#f59902
```
#f59902 rgb(245,153,2)
```
#fda414
```
#fda414 rgb(253,164,20)
```
#fdae2d
```
#fdae2d rgb(253,174,45)
```
#fdb846
```
#fdb846 rgb(253,184,70)
```
#fdc160
```
#fdc160 rgb(253,193,96)
```
#fecb79
```
#fecb79 rgb(254,203,121)
```

Monochromatic Color

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

#fd7a2d
```
#fd7a2d rgb(253,122,45)
```
#fd8b2d
```
#fd8b2d rgb(253,139,45)
```
#fd9d2d
```
#fd9d2d rgb(253,157,45)
```
#fdae2d
```
#fdae2d rgb(253,174,45)
```
#fdbf2d
```
#fdbf2d rgb(253,191,45)
```
#fdd12d
```
#fdd12d rgb(253,209,45)
```
#fde22d
```
#fde22d rgb(253,226,45)
```

Similar Colors

Text with hexadecimal color #fdae2d

This text has a font color of #fdae2d.

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

#fdae2d background color

This paragraph has a background color of #fdae2d.

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

#fdae2d border color

This element has a border color of #fdae2d.

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

CSS codes

.text {color:#fdae2d;}

.background {background-color:#fdae2d;}

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

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

#040200
```
#040200 rgb(4,2,0)
```
#170e00
```
#170e00 rgb(23,14,0)
```
#2b1b00
```
#2b1b00 rgb(43,27,0)
```
#3e2701
```
#3e2701 rgb(62,39,1)
```
#513301
```
#513301 rgb(81,51,1)
```
#653f01
```
#653f01 rgb(101,63,1)
```
#784b01
```
#784b01 rgb(120,75,1)
```
#8c5701
```
#8c5701 rgb(140,87,1)
```
#9f6302
```
#9f6302 rgb(159,99,2)
```
#b36f02
```
#b36f02 rgb(179,111,2)
```
#c67c02
```
#c67c02 rgb(198,124,2)
```
#d98802
```
#d98802 rgb(217,136,2)
```
#ed9402
```
#ed9402 rgb(237,148,2)
```

Shade Color Variation

#fd9f06
```
#fd9f06 rgb(253,159,6)
```
#fda71a
```
#fda71a rgb(253,167,26)
```
#fdae2d
```
#fdae2d rgb(253,174,45)
```
#fdb540
```
#fdb540 rgb(253,181,64)
```
#fdbd54
```
#fdbd54 rgb(253,189,84)
```
#fec467
```
#fec467 rgb(254,196,103)
```
#fecc7b
```
#fecc7b rgb(254,204,123)
```
#fed38e
```
#fed38e rgb(254,211,142)
```
#fedba2
```
#fedba2 rgb(254,219,162)
```
#fee2b5
```
#fee2b5 rgb(254,226,181)
```
#feeac8
```
#feeac8 rgb(254,234,200)
```
#fff1dc
```
#fff1dc rgb(255,241,220)
```
#fff9ef
```
#fff9ef rgb(255,249,239)
```

Tint Color Variation

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

#9b968f
```
#9b968f rgb(155,150,143)
```
#a39887
```
#a39887 rgb(163,152,135)
```
#ab9a7f
```
#ab9a7f rgb(171,154,127)
```
#b49c76
```
#b49c76 rgb(180,156,118)
```
#bc9e6e
```
#bc9e6e rgb(188,158,110)
```
#c4a066
```
#c4a066 rgb(196,160,102)
```
#cca25e
```
#cca25e rgb(204,162,94)
```
#d4a456
```
#d4a456 rgb(212,164,86)
```
#dca64e
```
#dca64e rgb(220,166,78)
```
#e5a845
```
#e5a845 rgb(229,168,69)
```
#edaa3d
```
#edaa3d rgb(237,170,61)
```
#f5ac35
```
#f5ac35 rgb(245,172,53)
```
#fdae2d
```
#fdae2d rgb(253,174,45)
```

Tone Color Variation

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

#b7b7b7 Achromatopsia 0.005% of the population
#c5b59b Atypical Achromatopsia 0.001% of the population

Dichromacy

#d7c13b Protanopia 1% of men
#f0b834 Deuteranopia 1% of men
#ffa9b3 Tritanopia 0.001% of the population

Trichromacy

#e5ba36 Protanomaly 1% of men, 0.01% of women
#f5b431 Deuteranomaly 6% of men, 0.4% of women
#feab82 Tritanomaly 0.01% of the population

#fdae2d hex color

#fdae2d Color Information

#fdae2d Color Conversion

Color Schemes with #fdae2d

Alternatives to #fdae2d

#fdae2d Preview

Shades and Tints of #fdae2d

Tones of #fdae2d

Color Blindness Simulator