#fdae14 hex color

In a RGB color space, hex #fdae14 is composed of 99.2% red, 68.2% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.2% magenta, 92.1% yellow and 0.8% black. It has a hue angle of 39.7 degrees, a saturation of 98.3% and a lightness of 53.5%. #fdae14 color hex could be obtained by blending #ffff28 with #fb5d00. Closest websafe color is: #ff9900.

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

● #fdae14 color description : Vivid orange.

The hexadecimal color #fdae14 has RGB values of R:253, G:174, B:20 and CMYK values of C:0, M:0.31, Y:0.92, K:0.01. Its decimal value is 16625172.

Hex triplet	fdae14	`#fdae14`
RGB Decimal	253, 174, 20	`rgb(253,174,20)`
RGB Percent	99.2, 68.2, 7.8	`rgb(99.2%,68.2%,7.8%)`
CMYK	0, 31, 92, 1
HSL	39.7°, 98.3, 53.5	`hsl(39.7,98.3%,53.5%)`
HSV (or HSB)	39.7°, 92.1, 99.2
Web Safe	ff9900	`#ff9900`

CIE-LAB	76.805, 18.573, 77.63
XYZ	55.772, 51.209, 7.609
xyY	0.487, 0.447, 51.209
CIE-LCH	76.805, 79.821, 76.545
CIE-LUV	76.805, 65.528, 75.852
Hunter-Lab	71.56, 13.886, 43.788
Binary	11111101, 10101110, 00010100

#fdae14
```
#fdae14 rgb(253,174,20)
```
#1463fd
```
#1463fd rgb(20,99,253)
```

Complementary Color

#fd3914
```
#fd3914 rgb(253,57,20)
```
#fdae14
```
#fdae14 rgb(253,174,20)
```
#d8fd14
```
#d8fd14 rgb(216,253,20)
```

Analogous Color

#3914fd
```
#3914fd rgb(57,20,253)
```
#fdae14
```
#fdae14 rgb(253,174,20)
```
#14d8fd
```
#14d8fd rgb(20,216,253)
```

Split Complementary Color

#ae14fd
```
#ae14fd rgb(174,20,253)
```
#fdae14
```
#fdae14 rgb(253,174,20)
```
#14fdae
```
#14fdae rgb(20,253,174)
```

Triadic Color

#fd1463
```
#fd1463 rgb(253,20,99)
```
#fdae14
```
#fdae14 rgb(253,174,20)
```
#14fdae
```
#14fdae rgb(20,253,174)
```
#1463fd
```
#1463fd rgb(20,99,253)
```

Tetradic Color

#c38102
```
#c38102 rgb(195,129,2)
```
#dc9202
```
#dc9202 rgb(220,146,2)
```
#f5a302
```
#f5a302 rgb(245,163,2)
```
#fdae14
```
#fdae14 rgb(253,174,20)
```
#fdb72d
```
#fdb72d rgb(253,183,45)
```
#fdbf47
```
#fdbf47 rgb(253,191,71)
```
#fec860
```
#fec860 rgb(254,200,96)
```

Monochromatic Color

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

#fd7414
```
#fd7414 rgb(253,116,20)
```
#fd8714
```
#fd8714 rgb(253,135,20)
```
#fd9b14
```
#fd9b14 rgb(253,155,20)
```
#fdae14
```
#fdae14 rgb(253,174,20)
```
#fdc114
```
#fdc114 rgb(253,193,20)
```
#fdd514
```
#fdd514 rgb(253,213,20)
```
#fde814
```
#fde814 rgb(253,232,20)
```

Similar Colors

Text with hexadecimal color #fdae14

This text has a font color of #fdae14.

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

#fdae14 background color

This paragraph has a background color of #fdae14.

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

#fdae14 border color

This element has a border color of #fdae14.

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

CSS codes

.text {color:#fdae14;}

.background {background-color:#fdae14;}

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

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

#120c00
```
#120c00 rgb(18,12,0)
```
#251900
```
#251900 rgb(37,25,0)
```
#392600
```
#392600 rgb(57,38,0)
```
#4c3301
```
#4c3301 rgb(76,51,1)
```
#603f01
```
#603f01 rgb(96,63,1)
```
#734c01
```
#734c01 rgb(115,76,1)
```
#875901
```
#875901 rgb(135,89,1)
```
#9a6601
```
#9a6601 rgb(154,102,1)
```
#ad7301
```
#ad7301 rgb(173,115,1)
```
#c18002
```
#c18002 rgb(193,128,2)
```
#d48d02
```
#d48d02 rgb(212,141,2)
```
#e89a02
```
#e89a02 rgb(232,154,2)
```
#fba702
```
#fba702 rgb(251,167,2)
```

Shade Color Variation

#fdae14
```
#fdae14 rgb(253,174,20)
```
#fdb527
```
#fdb527 rgb(253,181,39)
```
#fdbb3b
```
#fdbb3b rgb(253,187,59)
```
#fdc24e
```
#fdc24e rgb(253,194,78)
```
#fec962
```
#fec962 rgb(254,201,98)
```
#fed075
```
#fed075 rgb(254,208,117)
```
#fed689
```
#fed689 rgb(254,214,137)
```
#fedd9c
```
#fedd9c rgb(254,221,156)
```
#fee4b0
```
#fee4b0 rgb(254,228,176)
```
#feeac3
```
#feeac3 rgb(254,234,195)
```
#fff1d6
```
#fff1d6 rgb(255,241,214)
```
#fff8ea
```
#fff8ea rgb(255,248,234)
```
#fffefd
```
#fffefd rgb(255,254,253)
```

Tint Color Variation

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

#908b81
```
#908b81 rgb(144,139,129)
```
#998e78
```
#998e78 rgb(153,142,120)
```
#a2916f
```
#a2916f rgb(162,145,111)
```
#ab9466
```
#ab9466 rgb(171,148,102)
```
#b4975d
```
#b4975d rgb(180,151,93)
```
#bd9954
```
#bd9954 rgb(189,153,84)
```
#c69c4b
```
#c69c4b rgb(198,156,75)
```
#cf9f42
```
#cf9f42 rgb(207,159,66)
```
#d9a238
```
#d9a238 rgb(217,162,56)
```
#e2a52f
```
#e2a52f rgb(226,165,47)
```
#eba826
```
#eba826 rgb(235,168,38)
```
#f4ab1d
```
#f4ab1d rgb(244,171,29)
```
#fdae14
```
#fdae14 rgb(253,174,20)
```

Tone Color Variation

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

#b4b4b4 Achromatopsia 0.005% of the population
#c3b394 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d8c124 Protanopia 1% of men
#f1b719 Deuteranopia 1% of men
#ffa9b3 Tritanopia 0.001% of the population

Trichromacy

#e5ba1e Protanomaly 1% of men, 0.01% of women
#f5b417 Deuteranomaly 6% of men, 0.4% of women
#feab79 Tritanomaly 0.01% of the population

#fdae14 hex color

#fdae14 Color Information

#fdae14 Color Conversion

Color Schemes with #fdae14

Alternatives to #fdae14

#fdae14 Preview

Shades and Tints of #fdae14

Tones of #fdae14

Color Blindness Simulator