#f5b158 Color Information
In a RGB color space, hex #f5b158 is composed of 96.1% red, 69.4% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27.8% magenta, 64.1% yellow and 3.9% black. It has a hue angle of 34 degrees, a saturation of 88.7% and a lightness of 65.3%. #f5b158 color hex could be obtained by blending #ffffb0 with #eb6300. Closest websafe color is: #ff9966.
-
- R 96
- G 69
- B 35
-
- C 0
- M 28
- Y 64
- K 4
● #f5b158 color description : Soft orange.
#f5b158 Color Conversion
The hexadecimal color #f5b158 has RGB values of R:245, G:177, B:88 and CMYK values of C:0, M:0.28, Y:0.64, K:0.04. Its decimal value is 16101720.
Hex triplet | f5b158 | #f5b158 |
---|---|---|
RGB Decimal | 245, 177, 88 | rgb(245,177,88) |
RGB Percent | 96.1, 69.4, 34.5 | rgb(96.1%,69.4%,34.5%) |
CMYK | 0, 28, 64, 4 | |
HSL | 34°, 88.7, 65.3 | hsl(34,88.7%,65.3%) |
HSV (or HSB) | 34°, 64.1, 96.1 | |
Web Safe | ff9966 | #ff9966 |
CIE-LAB | 77.02, 16.065, 54.225 |
---|---|
XYZ | 55.141, 51.564, 16.281 |
xyY | 0.448, 0.419, 51.564 |
CIE-LCH | 77.02, 56.555, 73.498 |
CIE-LUV | 77.02, 53.595, 60.636 |
Hunter-Lab | 71.808, 11.403, 36.823 |
Binary | 11110101, 10110001, 01011000 |
Color Schemes with #f5b158
Alternatives to #f5b158
Below, you can see some colors close to #f5b158. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f5b158 Preview
This text has a font color of #f5b158.
<span style="color:#f5b158;">Text here</span>
This paragraph has a background color of #f5b158.
<p style="background-color:#f5b158;">Content here</p>
This element has a border color of #f5b158.
<div style="border:1px solid #f5b158;">Content here</div>
.text {color:#f5b158;}
.background {background-color:#f5b158;}
.border {border:1px solid #f5b158;}
Shades and Tints of #f5b158
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, #120b01 is the darkest color, while #ffffff is the lightest one.
-
#120b01
#120b01
rgb(18,11,1)
-
#251602
#251602
rgb(37,22,2)
-
#372103
#372103
rgb(55,33,3)
-
#4a2c04
#4a2c04
rgb(74,44,4)
-
#5c3706
#5c3706
rgb(92,55,6)
-
#6f4207
#6f4207
rgb(111,66,7)
-
#814d08
#814d08
rgb(129,77,8)
-
#945809
#945809
rgb(148,88,9)
-
#a6620a
#a6620a
rgb(166,98,10)
-
#b96d0b
#b96d0b
rgb(185,109,11)
-
#cb780c
#cb780c
rgb(203,120,12)
-
#de830d
#de830d
rgb(222,131,13)
-
#f08e0e
#f08e0e
rgb(240,142,14)
-
#f29720
#f29720
rgb(242,151,32)
-
#f3a033
#f3a033
rgb(243,160,51)
-
#f4a845
#f4a845
rgb(244,168,69)
-
#f5b158
#f5b158
rgb(245,177,88)
-
#f6ba6b
#f6ba6b
rgb(246,186,107)
-
#f7c27d
#f7c27d
rgb(247,194,125)
-
#f8cb90
#f8cb90
rgb(248,203,144)
-
#f9d4a2
#f9d4a2
rgb(249,212,162)
-
#fbdcb5
#fbdcb5
rgb(251,220,181)
-
#fce5c7
#fce5c7
rgb(252,229,199)
-
#fdeeda
#fdeeda
rgb(253,238,218)
-
#fef6ec
#fef6ec
rgb(254,246,236)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #f5b158
A tone is produced by adding gray to any pure hue. In this case, #aaa7a3 is the less saturated color, while #fcb251 is the most saturated one.
-
#aaa7a3
#aaa7a3
rgb(170,167,163)
-
#b1a89c
#b1a89c
rgb(177,168,156)
-
#b8a995
#b8a995
rgb(184,169,149)
-
#bfaa8e
#bfaa8e
rgb(191,170,142)
-
#c5ab88
#c5ab88
rgb(197,171,136)
-
#ccac81
#ccac81
rgb(204,172,129)
-
#d3ac7a
#d3ac7a
rgb(211,172,122)
-
#daad73
#daad73
rgb(218,173,115)
-
#e1ae6c
#e1ae6c
rgb(225,174,108)
-
#e7af66
#e7af66
rgb(231,175,102)
-
#eeb05f
#eeb05f
rgb(238,176,95)
-
#f5b158
#f5b158
rgb(245,177,88)
-
#fcb251
#fcb251
rgb(252,178,81)
Color Blindness Simulator
Below, you can see how #f5b158 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.