#ffae48 Color Information
In a RGB color space, hex #ffae48 is composed of 100% red, 68.2% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.8% magenta, 71.8% yellow and 0% black. It has a hue angle of 33.4 degrees, a saturation of 100% and a lightness of 64.1%. #ffae48 color hex could be obtained by blending #ffff90 with #ff5d00. Closest websafe color is: #ff9933.
-
- R 100
- G 68
- B 28
-
- C 0
- M 32
- Y 72
- K 0
● #ffae48 color description : Light orange.
#ffae48 Color Conversion
The hexadecimal color #ffae48 has RGB values of R:255, G:174, B:72 and CMYK values of C:0, M:0.32, Y:0.72, K:0. Its decimal value is 16756296.
Hex triplet | ffae48 | #ffae48 |
---|---|---|
RGB Decimal | 255, 174, 72 | rgb(255,174,72) |
RGB Percent | 100, 68.2, 28.2 | rgb(100%,68.2%,28.2%) |
CMYK | 0, 32, 72, 0 | |
HSL | 33.4°, 100, 64.1 | hsl(33.4,100%,64.1%) |
HSV (or HSB) | 33.4°, 71.8, 100 | |
Web Safe | ff9933 | #ff9933 |
CIE-LAB | 77.283, 20.909, 62.005 |
---|---|
XYZ | 57.547, 52.004, 13.137 |
xyY | 0.469, 0.424, 52.004 |
CIE-LCH | 77.283, 65.435, 71.365 |
CIE-LUV | 77.283, 64.93, 65.636 |
Hunter-Lab | 72.114, 16.245, 39.678 |
Binary | 11111111, 10101110, 01001000 |
Color Schemes with #ffae48
Alternatives to #ffae48
Below, you can see some colors close to #ffae48. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffae48 Preview
This text has a font color of #ffae48.
<span style="color:#ffae48;">Text here</span>
This paragraph has a background color of #ffae48.
<p style="background-color:#ffae48;">Content here</p>
This element has a border color of #ffae48.
<div style="border:1px solid #ffae48;">Content here</div>
.text {color:#ffae48;}
.background {background-color:#ffae48;}
.border {border:1px solid #ffae48;}
Shades and Tints of #ffae48
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, #0d0700 is the darkest color, while #fffcf9 is the lightest one.
-
#0d0700
#0d0700
rgb(13,7,0)
-
#211200
#211200
rgb(33,18,0)
-
#341d00
#341d00
rgb(52,29,0)
-
#482800
#482800
rgb(72,40,0)
-
#5c3300
#5c3300
rgb(92,51,0)
-
#6f3e00
#6f3e00
rgb(111,62,0)
-
#834900
#834900
rgb(131,73,0)
-
#965400
#965400
rgb(150,84,0)
-
#aa5f00
#aa5f00
rgb(170,95,0)
-
#be6a00
#be6a00
rgb(190,106,0)
-
#d17500
#d17500
rgb(209,117,0)
-
#e58000
#e58000
rgb(229,128,0)
-
#f98b00
#f98b00
rgb(249,139,0)
-
#ff940d
#ff940d
rgb(255,148,13)
-
#ff9d21
#ff9d21
rgb(255,157,33)
-
#ffa534
#ffa534
rgb(255,165,52)
-
#ffae48
#ffae48
rgb(255,174,72)
-
#ffb75c
#ffb75c
rgb(255,183,92)
-
#ffbf6f
#ffbf6f
rgb(255,191,111)
-
#ffc883
#ffc883
rgb(255,200,131)
-
#ffd196
#ffd196
rgb(255,209,150)
-
#ffd9aa
#ffd9aa
rgb(255,217,170)
-
#ffe2be
#ffe2be
rgb(255,226,190)
-
#ffebd1
#ffebd1
rgb(255,235,209)
-
#fff3e5
#fff3e5
rgb(255,243,229)
-
#fffcf9
#fffcf9
rgb(255,252,249)
Tones of #ffae48
A tone is produced by adding gray to any pure hue. In this case, #aba49c is the less saturated color, while #ffae48 is the most saturated one.
-
#aba49c
#aba49c
rgb(171,164,156)
-
#b2a595
#b2a595
rgb(178,165,149)
-
#b9a68e
#b9a68e
rgb(185,166,142)
-
#c0a787
#c0a787
rgb(192,167,135)
-
#c7a880
#c7a880
rgb(199,168,128)
-
#cea879
#cea879
rgb(206,168,121)
-
#d5a972
#d5a972
rgb(213,169,114)
-
#dcaa6b
#dcaa6b
rgb(220,170,107)
-
#e3ab64
#e3ab64
rgb(227,171,100)
-
#eaac5d
#eaac5d
rgb(234,172,93)
-
#f1ac56
#f1ac56
rgb(241,172,86)
-
#f8ad4f
#f8ad4f
rgb(248,173,79)
-
#ffae48
#ffae48
rgb(255,174,72)
Color Blindness Simulator
Below, you can see how #ffae48 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.