#ffae14 hex color

In a RGB color space, hex #ffae14 is composed of 100% red, 68.2% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.8% magenta, 92.2% yellow and 0% black. It has a hue angle of 39.3 degrees, a saturation of 100% and a lightness of 53.9%. #ffae14 color hex could be obtained by blending #ffff28 with #ff5d00. Closest websafe color is: #ff9900.

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

● #ffae14 color description : Vivid orange.

The hexadecimal color #ffae14 has RGB values of R:255, G:174, B:20 and CMYK values of C:0, M:0.32, Y:0.92, K:0. Its decimal value is 16756244.

Hex triplet	ffae14	`#ffae14`
RGB Decimal	255, 174, 20	`rgb(255,174,20)`
RGB Percent	100, 68.2, 7.8	`rgb(100%,68.2%,7.8%)`
CMYK	0, 32, 92, 0
HSL	39.3°, 100, 53.9	`hsl(39.3,100%,53.9%)`
HSV (or HSB)	39.3°, 92.2, 100
Web Safe	ff9900	`#ff9900`

CIE-LAB	77.033, 19.416, 77.899
XYZ	56.504, 51.586, 7.643
xyY	0.488, 0.446, 51.586
CIE-LCH	77.033, 80.282, 76.004
CIE-LUV	77.033, 67.15, 75.914
Hunter-Lab	71.824, 14.735, 43.967
Binary	11111111, 10101110, 00010100

#ffae14
```
#ffae14 rgb(255,174,20)
```
#1465ff
```
#1465ff rgb(20,101,255)
```

Complementary Color

#ff3814
```
#ff3814 rgb(255,56,20)
```
#ffae14
```
#ffae14 rgb(255,174,20)
```
#dbff14
```
#dbff14 rgb(219,255,20)
```

Analogous Color

#3814ff
```
#3814ff rgb(56,20,255)
```
#ffae14
```
#ffae14 rgb(255,174,20)
```
#14dbff
```
#14dbff rgb(20,219,255)
```

Split Complementary Color

#ae14ff
```
#ae14ff rgb(174,20,255)
```
#ffae14
```
#ffae14 rgb(255,174,20)
```
#14ffae
```
#14ffae rgb(20,255,174)
```

Triadic Color

#ff1465
```
#ff1465 rgb(255,20,101)
```
#ffae14
```
#ffae14 rgb(255,174,20)
```
#14ffae
```
#14ffae rgb(20,255,174)
```
#1465ff
```
#1465ff rgb(20,101,255)
```

Tetradic Color

#c78200
```
#c78200 rgb(199,130,0)
```
#e09300
```
#e09300 rgb(224,147,0)
```
#faa400
```
#faa400 rgb(250,164,0)
```
#ffae14
```
#ffae14 rgb(255,174,20)
```
#ffb72e
```
#ffb72e rgb(255,183,46)
```
#ffc047
```
#ffc047 rgb(255,192,71)
```
#ffc861
```
#ffc861 rgb(255,200,97)
```

Monochromatic Color

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

#ff7314
```
#ff7314 rgb(255,115,20)
```
#ff8714
```
#ff8714 rgb(255,135,20)
```
#ff9a14
```
#ff9a14 rgb(255,154,20)
```
#ffae14
```
#ffae14 rgb(255,174,20)
```
#ffc214
```
#ffc214 rgb(255,194,20)
```
#ffd514
```
#ffd514 rgb(255,213,20)
```
#ffe914
```
#ffe914 rgb(255,233,20)
```

Similar Colors

Text with hexadecimal color #ffae14

This text has a font color of #ffae14.

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

#ffae14 background color

This paragraph has a background color of #ffae14.

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

#ffae14 border color

This element has a border color of #ffae14.

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

CSS codes

.text {color:#ffae14;}

.background {background-color:#ffae14;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#140d00
```
#140d00 rgb(20,13,0)
```
#281a00
```
#281a00 rgb(40,26,0)
```
#3b2700
```
#3b2700 rgb(59,39,0)
```
#4f3400
```
#4f3400 rgb(79,52,0)
```
#624100
```
#624100 rgb(98,65,0)
```
#764d00
```
#764d00 rgb(118,77,0)
```
#8a5a00
```
#8a5a00 rgb(138,90,0)
```
#9d6700
```
#9d6700 rgb(157,103,0)
```
#b17400
```
#b17400 rgb(177,116,0)
```
#c58100
```
#c58100 rgb(197,129,0)
```
#d88e00
```
#d88e00 rgb(216,142,0)
```
#ec9b00
```
#ec9b00 rgb(236,155,0)
```

Shade Color Variation

#ffa700
```
#ffa700 rgb(255,167,0)
```
#ffae14
```
#ffae14 rgb(255,174,20)
```
#ffb528
```
#ffb528 rgb(255,181,40)
```
#ffbc3b
```
#ffbc3b rgb(255,188,59)
```
#ffc24f
```
#ffc24f rgb(255,194,79)
```
#ffc962
```
#ffc962 rgb(255,201,98)
```
#ffd076
```
#ffd076 rgb(255,208,118)
```
#ffd78a
```
#ffd78a rgb(255,215,138)
```
#ffdd9d
```
#ffdd9d rgb(255,221,157)
```
#ffe4b1
```
#ffe4b1 rgb(255,228,177)
```
#ffebc5
```
#ffebc5 rgb(255,235,197)
```
#fff2d8
```
#fff2d8 rgb(255,242,216)
```
#fff8ec
```
#fff8ec rgb(255,248,236)
```

Tint Color Variation

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

#938c80
```
#938c80 rgb(147,140,128)
```
#9c8f77
```
#9c8f77 rgb(156,143,119)
```
#a5926e
```
#a5926e rgb(165,146,110)
```
#ae9565
```
#ae9565 rgb(174,149,101)
```
#b7985c
```
#b7985c rgb(183,152,92)
```
#c09a53
```
#c09a53 rgb(192,154,83)
```
#c99d4a
```
#c99d4a rgb(201,157,74)
```
#d2a041
```
#d2a041 rgb(210,160,65)
```
#dba338
```
#dba338 rgb(219,163,56)
```
#e4a62f
```
#e4a62f rgb(228,166,47)
```
#eda826
```
#eda826 rgb(237,168,38)
```
#f6ab1d
```
#f6ab1d rgb(246,171,29)
```
#ffae14
```
#ffae14 rgb(255,174,20)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#c4b495 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d8c125 Protanopia 1% of men
#f2b818 Deuteranopia 1% of men
#ffaab3 Tritanopia 0.001% of the population

Trichromacy

#e6ba1e Protanomaly 1% of men, 0.01% of women
#f6b417 Deuteranomaly 6% of men, 0.4% of women
#ffab79 Tritanomaly 0.01% of the population

#ffae14 hex color

#ffae14 Color Information

#ffae14 Color Conversion

Color Schemes with #ffae14

Alternatives to #ffae14

#ffae14 Preview

Shades and Tints of #ffae14

Tones of #ffae14

Color Blindness Simulator