#f5af57 Color Information
In a RGB color space, hex #f5af57 is composed of 96.1% red, 68.6% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 28.6% magenta, 64.5% yellow and 3.9% black. It has a hue angle of 33.4 degrees, a saturation of 88.8% and a lightness of 65.1%. #f5af57 color hex could be obtained by blending #ffffae with #eb5f00. Closest websafe color is: #ff9966.
-
- R 96
- G 69
- B 34
-
- C 0
- M 29
- Y 64
- K 4
● #f5af57 color description : Soft orange.
#f5af57 Color Conversion
The hexadecimal color #f5af57 has RGB values of R:245, G:175, B:87 and CMYK values of C:0, M:0.29, Y:0.64, K:0.04. Its decimal value is 16101207.
Hex triplet | f5af57 | #f5af57 |
---|---|---|
RGB Decimal | 245, 175, 87 | rgb(245,175,87) |
RGB Percent | 96.1, 68.6, 34.1 | rgb(96.1%,68.6%,34.1%) |
CMYK | 0, 29, 64, 4 | |
HSL | 33.4°, 88.8, 65.1 | hsl(33.4,88.8%,65.1%) |
HSV (or HSB) | 33.4°, 64.5, 96.1 | |
Web Safe | ff9966 | #ff9966 |
CIE-LAB | 76.536, 17.056, 54.151 |
---|---|
XYZ | 54.707, 50.764, 15.933 |
xyY | 0.451, 0.418, 50.764 |
CIE-LCH | 76.536, 56.774, 72.517 |
CIE-LUV | 76.536, 55.167, 60.17 |
Hunter-Lab | 71.249, 12.374, 36.615 |
Binary | 11110101, 10101111, 01010111 |
Color Schemes with #f5af57
Alternatives to #f5af57
Below, you can see some colors close to #f5af57. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f5af57 Preview
This text has a font color of #f5af57.
<span style="color:#f5af57;">Text here</span>
This paragraph has a background color of #f5af57.
<p style="background-color:#f5af57;">Content here</p>
This element has a border color of #f5af57.
<div style="border:1px solid #f5af57;">Content here</div>
.text {color:#f5af57;}
.background {background-color:#f5af57;}
.border {border:1px solid #f5af57;}
Shades and Tints of #f5af57
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, #110a01 is the darkest color, while #fffefe is the lightest one.
-
#110a01
#110a01
rgb(17,10,1)
-
#241502
#241502
rgb(36,21,2)
-
#362003
#362003
rgb(54,32,3)
-
#492a04
#492a04
rgb(73,42,4)
-
#5b3505
#5b3505
rgb(91,53,5)
-
#6e4007
#6e4007
rgb(110,64,7)
-
#804b08
#804b08
rgb(128,75,8)
-
#935609
#935609
rgb(147,86,9)
-
#a5600a
#a5600a
rgb(165,96,10)
-
#b86b0b
#b86b0b
rgb(184,107,11)
-
#ca760c
#ca760c
rgb(202,118,12)
-
#dd810d
#dd810d
rgb(221,129,13)
-
#ef8c0e
#ef8c0e
rgb(239,140,14)
-
#f2951f
#f2951f
rgb(242,149,31)
-
#f39d32
#f39d32
rgb(243,157,50)
-
#f4a644
#f4a644
rgb(244,166,68)
-
#f5af57
#f5af57
rgb(245,175,87)
-
#f6b86a
#f6b86a
rgb(246,184,106)
-
#f7c17c
#f7c17c
rgb(247,193,124)
-
#f8c98f
#f8c98f
rgb(248,201,143)
-
#f9d2a1
#f9d2a1
rgb(249,210,161)
-
#fbdbb4
#fbdbb4
rgb(251,219,180)
-
#fce4c6
#fce4c6
rgb(252,228,198)
-
#fdedd9
#fdedd9
rgb(253,237,217)
-
#fef6eb
#fef6eb
rgb(254,246,235)
-
#fffefe
#fffefe
rgb(255,254,254)
Tones of #f5af57
A tone is produced by adding gray to any pure hue. In this case, #aaa6a2 is the less saturated color, while #fcb050 is the most saturated one.
-
#aaa6a2
#aaa6a2
rgb(170,166,162)
-
#b1a79b
#b1a79b
rgb(177,167,155)
-
#b7a895
#b7a895
rgb(183,168,149)
-
#bea98e
#bea98e
rgb(190,169,142)
-
#c5aa87
#c5aa87
rgb(197,170,135)
-
#ccaa80
#ccaa80
rgb(204,170,128)
-
#d3ab79
#d3ab79
rgb(211,171,121)
-
#daac72
#daac72
rgb(218,172,114)
-
#e0ad6c
#e0ad6c
rgb(224,173,108)
-
#e7ad65
#e7ad65
rgb(231,173,101)
-
#eeae5e
#eeae5e
rgb(238,174,94)
-
#f5af57
#f5af57
rgb(245,175,87)
-
#fcb050
#fcb050
rgb(252,176,80)
Color Blindness Simulator
Below, you can see how #f5af57 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.