#ffae2f Color Information
In a RGB color space, hex #ffae2f is composed of 100% red, 68.2% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.8% magenta, 81.6% yellow and 0% black. It has a hue angle of 36.6 degrees, a saturation of 100% and a lightness of 59.2%. #ffae2f color hex could be obtained by blending #ffff5e with #ff5d00. Closest websafe color is: #ff9933.
-
- R 100
- G 68
- B 18
-
- C 0
- M 32
- Y 82
- K 0
● #ffae2f color description : Vivid orange.
#ffae2f Color Conversion
The hexadecimal color #ffae2f has RGB values of R:255, G:174, B:47 and CMYK values of C:0, M:0.32, Y:0.82, K:0. Its decimal value is 16756271.
Hex triplet | ffae2f | #ffae2f |
---|---|---|
RGB Decimal | 255, 174, 47 | rgb(255,174,47) |
RGB Percent | 100, 68.2, 18.4 | rgb(100%,68.2%,18.4%) |
CMYK | 0, 32, 82, 0 | |
HSL | 36.6°, 100, 59.2 | hsl(36.6,100%,59.2%) |
HSV (or HSB) | 36.6°, 81.6, 100 | |
Web Safe | ff9933 | #ff9933 |
CIE-LAB | 77.126, 19.973, 71.299 |
---|---|
XYZ | 56.891, 51.741, 9.68 |
xyY | 0.481, 0.437, 51.741 |
CIE-LCH | 77.126, 74.044, 74.351 |
CIE-LUV | 77.126, 66.313, 72.044 |
Hunter-Lab | 71.931, 15.296, 42.373 |
Binary | 11111111, 10101110, 00101111 |
Color Schemes with #ffae2f
Alternatives to #ffae2f
Below, you can see some colors close to #ffae2f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffae2f Preview
This text has a font color of #ffae2f.
<span style="color:#ffae2f;">Text here</span>
This paragraph has a background color of #ffae2f.
<p style="background-color:#ffae2f;">Content here</p>
This element has a border color of #ffae2f.
<div style="border:1px solid #ffae2f;">Content here</div>
.text {color:#ffae2f;}
.background {background-color:#ffae2f;}
.border {border:1px solid #ffae2f;}
Shades and Tints of #ffae2f
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, #080500 is the darkest color, while #fffaf3 is the lightest one.
-
#080500
#080500
rgb(8,5,0)
-
#1b1100
#1b1100
rgb(27,17,0)
-
#2f1d00
#2f1d00
rgb(47,29,0)
-
#432900
#432900
rgb(67,41,0)
-
#563500
#563500
rgb(86,53,0)
-
#6a4100
#6a4100
rgb(106,65,0)
-
#7d4d00
#7d4d00
rgb(125,77,0)
-
#915900
#915900
rgb(145,89,0)
-
#a56500
#a56500
rgb(165,101,0)
-
#b87100
#b87100
rgb(184,113,0)
-
#cc7d00
#cc7d00
rgb(204,125,0)
-
#e08800
#e08800
rgb(224,136,0)
-
#f39400
#f39400
rgb(243,148,0)
-
#ff9f08
#ff9f08
rgb(255,159,8)
-
#ffa61b
#ffa61b
rgb(255,166,27)
-
#ffae2f
#ffae2f
rgb(255,174,47)
-
#ffb643
#ffb643
rgb(255,182,67)
-
#ffbd56
#ffbd56
rgb(255,189,86)
-
#ffc56a
#ffc56a
rgb(255,197,106)
-
#ffcd7d
#ffcd7d
rgb(255,205,125)
-
#ffd491
#ffd491
rgb(255,212,145)
-
#ffdca5
#ffdca5
rgb(255,220,165)
-
#ffe3b8
#ffe3b8
rgb(255,227,184)
-
#ffebcc
#ffebcc
rgb(255,235,204)
-
#fff3e0
#fff3e0
rgb(255,243,224)
-
#fffaf3
#fffaf3
rgb(255,250,243)
Tones of #ffae2f
A tone is produced by adding gray to any pure hue. In this case, #9f998f is the less saturated color, while #ffae2f is the most saturated one.
-
#9f998f
#9f998f
rgb(159,153,143)
-
#a79b87
#a79b87
rgb(167,155,135)
-
#af9c7f
#af9c7f
rgb(175,156,127)
-
#b79e77
#b79e77
rgb(183,158,119)
-
#bfa06f
#bfa06f
rgb(191,160,111)
-
#c7a267
#c7a267
rgb(199,162,103)
-
#cfa35f
#cfa35f
rgb(207,163,95)
-
#d7a557
#d7a557
rgb(215,165,87)
-
#dfa74f
#dfa74f
rgb(223,167,79)
-
#e7a947
#e7a947
rgb(231,169,71)
-
#efaa3f
#efaa3f
rgb(239,170,63)
-
#f7ac37
#f7ac37
rgb(247,172,55)
-
#ffae2f
#ffae2f
rgb(255,174,47)
Color Blindness Simulator
Below, you can see how #ffae2f 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.