#f5b156 Color Information
In a RGB color space, hex #f5b156 is composed of 96.1% red, 69.4% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27.8% magenta, 64.9% yellow and 3.9% black. It has a hue angle of 34.3 degrees, a saturation of 88.8% and a lightness of 64.9%. #f5b156 color hex could be obtained by blending #ffffac with #eb6300. Closest websafe color is: #ff9966.
-
- R 96
- G 69
- B 34
-
- C 0
- M 28
- Y 65
- K 4
● #f5b156 color description : Soft orange.
#f5b156 Color Conversion
The hexadecimal color #f5b156 has RGB values of R:245, G:177, B:86 and CMYK values of C:0, M:0.28, Y:0.65, K:0.04. Its decimal value is 16101718.
Hex triplet | f5b156 | #f5b156 |
---|---|---|
RGB Decimal | 245, 177, 86 | rgb(245,177,86) |
RGB Percent | 96.1, 69.4, 33.7 | rgb(96.1%,69.4%,33.7%) |
CMYK | 0, 28, 65, 4 | |
HSL | 34.3°, 88.8, 64.9 | hsl(34.3,88.8%,64.9%) |
HSV (or HSB) | 34.3°, 64.9, 96.1 | |
Web Safe | ff9966 | #ff9966 |
CIE-LAB | 77, 15.943, 55.135 |
---|---|
XYZ | 55.059, 51.532, 15.85 |
xyY | 0.45, 0.421, 51.532 |
CIE-LCH | 77, 57.394, 73.872 |
CIE-LUV | 77, 53.743, 61.411 |
Hunter-Lab | 71.786, 11.283, 37.159 |
Binary | 11110101, 10110001, 01010110 |
Color Schemes with #f5b156
Alternatives to #f5b156
Below, you can see some colors close to #f5b156. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f5b156 Preview
This text has a font color of #f5b156.
<span style="color:#f5b156;">Text here</span>
This paragraph has a background color of #f5b156.
<p style="background-color:#f5b156;">Content here</p>
This element has a border color of #f5b156.
<div style="border:1px solid #f5b156;">Content here</div>
.text {color:#f5b156;}
.background {background-color:#f5b156;}
.border {border:1px solid #f5b156;}
Shades and Tints of #f5b156
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, #100a01 is the darkest color, while #fffefd is the lightest one.
-
#100a01
#100a01
rgb(16,10,1)
-
#231502
#231502
rgb(35,21,2)
-
#352003
#352003
rgb(53,32,3)
-
#482b04
#482b04
rgb(72,43,4)
-
#5a3605
#5a3605
rgb(90,54,5)
-
#6d4106
#6d4106
rgb(109,65,6)
-
#7f4c08
#7f4c08
rgb(127,76,8)
-
#925709
#925709
rgb(146,87,9)
-
#a4620a
#a4620a
rgb(164,98,10)
-
#b76d0b
#b76d0b
rgb(183,109,11)
-
#c9780c
#c9780c
rgb(201,120,12)
-
#dc830d
#dc830d
rgb(220,131,13)
-
#ee8e0e
#ee8e0e
rgb(238,142,14)
-
#f2971e
#f2971e
rgb(242,151,30)
-
#f3a031
#f3a031
rgb(243,160,49)
-
#f4a843
#f4a843
rgb(244,168,67)
-
#f5b156
#f5b156
rgb(245,177,86)
-
#f6ba69
#f6ba69
rgb(246,186,105)
-
#f7c27b
#f7c27b
rgb(247,194,123)
-
#f8cb8e
#f8cb8e
rgb(248,203,142)
-
#f9d3a0
#f9d3a0
rgb(249,211,160)
-
#fadcb3
#fadcb3
rgb(250,220,179)
-
#fce4c5
#fce4c5
rgb(252,228,197)
-
#fdedd8
#fdedd8
rgb(253,237,216)
-
#fef5ea
#fef5ea
rgb(254,245,234)
-
#fffefd
#fffefd
rgb(255,254,253)
Tones of #f5b156
A tone is produced by adding gray to any pure hue. In this case, #a9a6a2 is the less saturated color, while #fcb24f is the most saturated one.
-
#a9a6a2
#a9a6a2
rgb(169,166,162)
-
#b0a79b
#b0a79b
rgb(176,167,155)
-
#b7a894
#b7a894
rgb(183,168,148)
-
#bea98d
#bea98d
rgb(190,169,141)
-
#c5aa86
#c5aa86
rgb(197,170,134)
-
#ccab7f
#ccab7f
rgb(204,171,127)
-
#d3ac78
#d3ac78
rgb(211,172,120)
-
#d9ad72
#d9ad72
rgb(217,173,114)
-
#e0ae6b
#e0ae6b
rgb(224,174,107)
-
#e7af64
#e7af64
rgb(231,175,100)
-
#eeb05d
#eeb05d
rgb(238,176,93)
-
#f5b156
#f5b156
rgb(245,177,86)
-
#fcb24f
#fcb24f
rgb(252,178,79)
Color Blindness Simulator
Below, you can see how #f5b156 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.