#f5af5e Color Information
In a RGB color space, hex #f5af5e is composed of 96.1% red, 68.6% green and 36.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 28.6% magenta, 61.6% yellow and 3.9% black. It has a hue angle of 32.2 degrees, a saturation of 88.3% and a lightness of 66.5%. #f5af5e color hex could be obtained by blending #ffffbc with #eb5f00. Closest websafe color is: #ff9966.
-
- R 96
- G 69
- B 37
-
- C 0
- M 29
- Y 62
- K 4
● #f5af5e color description : Soft orange.
#f5af5e Color Conversion
The hexadecimal color #f5af5e has RGB values of R:245, G:175, B:94 and CMYK values of C:0, M:0.29, Y:0.62, K:0.04. Its decimal value is 16101214.
Hex triplet | f5af5e | #f5af5e |
---|---|---|
RGB Decimal | 245, 175, 94 | rgb(245,175,94) |
RGB Percent | 96.1, 68.6, 36.9 | rgb(96.1%,68.6%,36.9%) |
CMYK | 0, 29, 62, 4 | |
HSL | 32.2°, 88.3, 66.5 | hsl(32.2,88.3%,66.5%) |
HSV (or HSB) | 32.2°, 61.6, 96.1 | |
Web Safe | ff9966 | #ff9966 |
CIE-LAB | 76.609, 17.501, 50.902 |
---|---|
XYZ | 55.007, 50.884, 17.513 |
xyY | 0.446, 0.412, 50.884 |
CIE-LCH | 76.609, 53.826, 71.027 |
CIE-LUV | 76.609, 54.61, 57.326 |
Hunter-Lab | 71.333, 12.816, 35.376 |
Binary | 11110101, 10101111, 01011110 |
Color Schemes with #f5af5e
Alternatives to #f5af5e
Below, you can see some colors close to #f5af5e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f5af5e Preview
This text has a font color of #f5af5e.
<span style="color:#f5af5e;">Text here</span>
This paragraph has a background color of #f5af5e.
<p style="background-color:#f5af5e;">Content here</p>
This element has a border color of #f5af5e.
<div style="border:1px solid #f5af5e;">Content here</div>
.text {color:#f5af5e;}
.background {background-color:#f5af5e;}
.border {border:1px solid #f5af5e;}
Shades and Tints of #f5af5e
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, #050300 is the darkest color, while #fef8f2 is the lightest one.
-
#050300
#050300
rgb(5,3,0)
-
#180d01
#180d01
rgb(24,13,1)
-
#2a1803
#2a1803
rgb(42,24,3)
-
#3d2204
#3d2204
rgb(61,34,4)
-
#4f2d05
#4f2d05
rgb(79,45,5)
-
#623706
#623706
rgb(98,55,6)
-
#744207
#744207
rgb(116,66,7)
-
#864c08
#864c08
rgb(134,76,8)
-
#99560a
#99560a
rgb(153,86,10)
-
#ab610b
#ab610b
rgb(171,97,11)
-
#be6b0c
#be6b0c
rgb(190,107,12)
-
#d0760d
#d0760d
rgb(208,118,13)
-
#e3800e
#e3800e
rgb(227,128,14)
-
#f08a14
#f08a14
rgb(240,138,20)
-
#f29327
#f29327
rgb(242,147,39)
-
#f39d39
#f39d39
rgb(243,157,57)
-
#f4a64c
#f4a64c
rgb(244,166,76)
-
#f5af5e
#f5af5e
rgb(245,175,94)
-
#f6b870
#f6b870
rgb(246,184,112)
-
#f7c183
#f7c183
rgb(247,193,131)
-
#f8cb95
#f8cb95
rgb(248,203,149)
-
#fad4a8
#fad4a8
rgb(250,212,168)
-
#fbddba
#fbddba
rgb(251,221,186)
-
#fce6cd
#fce6cd
rgb(252,230,205)
-
#fdefdf
#fdefdf
rgb(253,239,223)
-
#fef8f2
#fef8f2
rgb(254,248,242)
Tones of #f5af5e
A tone is produced by adding gray to any pure hue. In this case, #adaaa6 is the less saturated color, while #fcaf57 is the most saturated one.
-
#adaaa6
#adaaa6
rgb(173,170,166)
-
#b3aaa0
#b3aaa0
rgb(179,170,160)
-
#baab99
#baab99
rgb(186,171,153)
-
#c0ab93
#c0ab93
rgb(192,171,147)
-
#c7ac8c
#c7ac8c
rgb(199,172,140)
-
#ceac85
#ceac85
rgb(206,172,133)
-
#d4ad7f
#d4ad7f
rgb(212,173,127)
-
#dbad78
#dbad78
rgb(219,173,120)
-
#e1ae72
#e1ae72
rgb(225,174,114)
-
#e8ae6b
#e8ae6b
rgb(232,174,107)
-
#eeaf65
#eeaf65
rgb(238,175,101)
-
#f5af5e
#f5af5e
rgb(245,175,94)
-
#fcaf57
#fcaf57
rgb(252,175,87)
Color Blindness Simulator
Below, you can see how #f5af5e 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.