#f5b696 Color Information
In a RGB color space, hex #f5b696 is composed of 96.1% red, 71.4% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 25.7% magenta, 38.8% yellow and 3.9% black. It has a hue angle of 20.2 degrees, a saturation of 82.6% and a lightness of 77.5%. #f5b696 color hex could be obtained by blending #ffffff with #eb6d2d. Closest websafe color is: #ffcc99.
-
- R 96
- G 71
- B 59
-
- C 0
- M 26
- Y 39
- K 4
● #f5b696 color description : Very soft orange.
#f5b696 Color Conversion
The hexadecimal color #f5b696 has RGB values of R:245, G:182, B:150 and CMYK values of C:0, M:0.26, Y:0.39, K:0.04. Its decimal value is 16103062.
Hex triplet | f5b696 | #f5b696 |
---|---|---|
RGB Decimal | 245, 182, 150 | rgb(245,182,150) |
RGB Percent | 96.1, 71.4, 58.8 | rgb(96.1%,71.4%,58.8%) |
CMYK | 0, 26, 39, 4 | |
HSL | 20.2°, 82.6, 77.5 | hsl(20.2,82.6%,77.5%) |
HSV (or HSB) | 20.2°, 38.8, 96.1 | |
Web Safe | ffcc99 | #ffcc99 |
CIE-LAB | 79.083, 18.812, 25.221 |
---|---|
XYZ | 59.889, 55.073, 36.328 |
xyY | 0.396, 0.364, 55.073 |
CIE-LCH | 79.083, 31.464, 53.282 |
CIE-LUV | 79.083, 44.134, 30.665 |
Hunter-Lab | 74.211, 14.182, 22.924 |
Binary | 11110101, 10110110, 10010110 |
Color Schemes with #f5b696
Alternatives to #f5b696
Below, you can see some colors close to #f5b696. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f5b696 Preview
This text has a font color of #f5b696.
<span style="color:#f5b696;">Text here</span>
This paragraph has a background color of #f5b696.
<p style="background-color:#f5b696;">Content here</p>
This element has a border color of #f5b696.
<div style="border:1px solid #f5b696;">Content here</div>
.text {color:#f5b696;}
.background {background-color:#f5b696;}
.border {border:1px solid #f5b696;}
Shades and Tints of #f5b696
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 #fef4f0 is the lightest one.
-
#020100
#020100
rgb(2,1,0)
-
#140802
#140802
rgb(20,8,2)
-
#260f04
#260f04
rgb(38,15,4)
-
#381605
#381605
rgb(56,22,5)
-
#4a1e07
#4a1e07
rgb(74,30,7)
-
#5c2509
#5c2509
rgb(92,37,9)
-
#6e2c0a
#6e2c0a
rgb(110,44,10)
-
#80330c
#80330c
rgb(128,51,12)
-
#923a0e
#923a0e
rgb(146,58,14)
-
#a44110
#a44110
rgb(164,65,16)
-
#b64911
#b64911
rgb(182,73,17)
-
#c75013
#c75013
rgb(199,80,19)
-
#d95715
#d95715
rgb(217,87,21)
-
#e95f19
#e95f19
rgb(233,95,25)
-
#eb6b2b
#eb6b2b
rgb(235,107,43)
-
#ec783c
#ec783c
rgb(236,120,60)
-
#ee844e
#ee844e
rgb(238,132,78)
-
#f09160
#f09160
rgb(240,145,96)
-
#f29d72
#f29d72
rgb(242,157,114)
-
#f3aa84
#f3aa84
rgb(243,170,132)
-
#f5b696
#f5b696
rgb(245,182,150)
-
#f7c2a8
#f7c2a8
rgb(247,194,168)
-
#f8cfba
#f8cfba
rgb(248,207,186)
-
#fadbcc
#fadbcc
rgb(250,219,204)
-
#fce8de
#fce8de
rgb(252,232,222)
-
#fef4f0
#fef4f0
rgb(254,244,240)
Tones of #f5b696
A tone is produced by adding gray to any pure hue. In this case, #c9c4c2 is the less saturated color, while #feb38d is the most saturated one.
-
#c9c4c2
#c9c4c2
rgb(201,196,194)
-
#cdc3be
#cdc3be
rgb(205,195,190)
-
#d2c2b9
#d2c2b9
rgb(210,194,185)
-
#d6c0b5
#d6c0b5
rgb(214,192,181)
-
#dabfb1
#dabfb1
rgb(218,191,177)
-
#dfbdac
#dfbdac
rgb(223,189,172)
-
#e3bca8
#e3bca8
rgb(227,188,168)
-
#e8baa3
#e8baa3
rgb(232,186,163)
-
#ecb99f
#ecb99f
rgb(236,185,159)
-
#f1b79a
#f1b79a
rgb(241,183,154)
-
#f5b696
#f5b696
rgb(245,182,150)
-
#f9b592
#f9b592
rgb(249,181,146)
-
#feb38d
#feb38d
rgb(254,179,141)
Color Blindness Simulator
Below, you can see how #f5b696 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.