#f5bc96 Color Information
In a RGB color space, hex #f5bc96 is composed of 96.1% red, 73.7% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.3% magenta, 38.8% yellow and 3.9% black. It has a hue angle of 24 degrees, a saturation of 82.6% and a lightness of 77.5%. #f5bc96 color hex could be obtained by blending #ffffff with #eb792d. Closest websafe color is: #ffcc99.
-
- R 96
- G 74
- B 59
-
- C 0
- M 23
- Y 39
- K 4
● #f5bc96 color description : Very soft orange.
#f5bc96 Color Conversion
The hexadecimal color #f5bc96 has RGB values of R:245, G:188, B:150 and CMYK values of C:0, M:0.23, Y:0.39, K:0.04. Its decimal value is 16104598.
Hex triplet | f5bc96 | #f5bc96 |
---|---|---|
RGB Decimal | 245, 188, 150 | rgb(245,188,150) |
RGB Percent | 96.1, 73.7, 58.8 | rgb(96.1%,73.7%,58.8%) |
CMYK | 0, 23, 39, 4 | |
HSL | 24°, 82.6, 77.5 | hsl(24,82.6%,77.5%) |
HSV (or HSB) | 24°, 38.8, 96.1 | |
Web Safe | ffcc99 | #ffcc99 |
CIE-LAB | 80.507, 15.651, 27.145 |
---|---|
XYZ | 61.144, 57.583, 36.747 |
xyY | 0.393, 0.37, 57.583 |
CIE-LCH | 80.507, 31.334, 60.033 |
CIE-LUV | 80.507, 40.227, 33.829 |
Hunter-Lab | 75.884, 11.032, 24.408 |
Binary | 11110101, 10111100, 10010110 |
Color Schemes with #f5bc96
Alternatives to #f5bc96
Below, you can see some colors close to #f5bc96. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f5bc96 Preview
This text has a font color of #f5bc96.
<span style="color:#f5bc96;">Text here</span>
This paragraph has a background color of #f5bc96.
<p style="background-color:#f5bc96;">Content here</p>
This element has a border color of #f5bc96.
<div style="border:1px solid #f5bc96;">Content here</div>
.text {color:#f5bc96;}
.background {background-color:#f5bc96;}
.border {border:1px solid #f5bc96;}
Shades and Tints of #f5bc96
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, #020100 is the darkest color, while #fef5f0 is the lightest one.
-
#020100
#020100
rgb(2,1,0)
-
#140902
#140902
rgb(20,9,2)
-
#261104
#261104
rgb(38,17,4)
-
#381a05
#381a05
rgb(56,26,5)
-
#4a2207
#4a2207
rgb(74,34,7)
-
#5c2a09
#5c2a09
rgb(92,42,9)
-
#6e320a
#6e320a
rgb(110,50,10)
-
#803a0c
#803a0c
rgb(128,58,12)
-
#92430e
#92430e
rgb(146,67,14)
-
#a44b10
#a44b10
rgb(164,75,16)
-
#b65311
#b65311
rgb(182,83,17)
-
#c75b13
#c75b13
rgb(199,91,19)
-
#d96315
#d96315
rgb(217,99,21)
-
#e96c19
#e96c19
rgb(233,108,25)
-
#eb772b
#eb772b
rgb(235,119,43)
-
#ec833c
#ec833c
rgb(236,131,60)
-
#ee8e4e
#ee8e4e
rgb(238,142,78)
-
#f09a60
#f09a60
rgb(240,154,96)
-
#f2a572
#f2a572
rgb(242,165,114)
-
#f3b184
#f3b184
rgb(243,177,132)
-
#f5bc96
#f5bc96
rgb(245,188,150)
-
#f7c7a8
#f7c7a8
rgb(247,199,168)
-
#f8d3ba
#f8d3ba
rgb(248,211,186)
-
#fadecc
#fadecc
rgb(250,222,204)
-
#fceade
#fceade
rgb(252,234,222)
-
#fef5f0
#fef5f0
rgb(254,245,240)
Tones of #f5bc96
A tone is produced by adding gray to any pure hue. In this case, #c9c5c2 is the less saturated color, while #feba8d is the most saturated one.
-
#c9c5c2
#c9c5c2
rgb(201,197,194)
-
#cdc4be
#cdc4be
rgb(205,196,190)
-
#d2c3b9
#d2c3b9
rgb(210,195,185)
-
#d6c2b5
#d6c2b5
rgb(214,194,181)
-
#dac1b1
#dac1b1
rgb(218,193,177)
-
#dfc0ac
#dfc0ac
rgb(223,192,172)
-
#e3c0a8
#e3c0a8
rgb(227,192,168)
-
#e8bfa3
#e8bfa3
rgb(232,191,163)
-
#ecbe9f
#ecbe9f
rgb(236,190,159)
-
#f1bd9a
#f1bd9a
rgb(241,189,154)
-
#f5bc96
#f5bc96
rgb(245,188,150)
-
#f9bb92
#f9bb92
rgb(249,187,146)
-
#feba8d
#feba8d
rgb(254,186,141)
Color Blindness Simulator
Below, you can see how #f5bc96 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.