#b5a55c Hex Color

The RBG values of the #b5a55c hex color are 181 (red), 165 (blue), and 92 (green). While the HSL values of #b5a55c are 0.14 (hue), 0.33 (saturation), and 0.54 (lightness).

The CMYK values of #b5a55c are 0 (cyan), 0.09 (magenta), 0.49 (yellow), and 0.29 (black).


#b5a55c Color Spaces Conversions

This are the conversions of #b5a55c to the different color spaces.

Hexadecimal

b5a55c

CIE-Lab

67.6555, -4.1131, 39.6939

RGB

181, 165, 92

CIE-Lch

67.6555, 39.9064, 95.9159

HSL

0.14, 0.33, 0.54

CIE-Luv

67.6555, 14.2429, 49.3207

HSV

0.14, 0.49, 0.71

Hunter-Lab

61.2427, -6.7863, 27.8163

CMYK

0, 0.09, 0.49, 0.29

XYZ

34.443, 37.5067, 15.5494

Binary

10110101, 10100101, 1011100

YXY

37.5067, 0.3936, 0.4287

#b5a55c Color Schemes

This are some of the common color schemes used in web design for the #b5a55c hex color.

#b5a55c Color Shades

The color shades are created by adding black to the original color. Here we have created a sample array of shades from #b5a55c to #1e1b0e.

#b5a55c Color Tints

The color tints are created by adding white to the original color. Here we have created a sample array of tints from #b5a55c to #fdfcfa.

#b5a55c Similar Hex Colors



#b5a55c Style Preview

Font Color

#b5a55c Font Color
style='color:#b5a55c;'

Background Color

#b5a55c Background Color
style='background:#b5a55c;'

Border Color

#b5a55c Border Color
style='border:2px solid #b5a55c;'

Text Shadow

#b5a55c Text Shadow
style='text-shadow: 4px 4px 2px #b5a55c;'

Shades Gradient

#b5a55c Shades Gradient
style='background: -moz-linear-gradient(top, #b5a55c, #1e1b0e); background: -webkit-linear-gradient(top, #b5a55c, #1e1b0e); background: -o-linear-gradient(top, #b5a55c, #1e1b0e); background: -ms-linear-gradient(top, #b5a55c, #1e1b0e); background: linear-gradient(top, #b5a55c, #1e1b0e);'

Tints Gradient

#b5a55c Tints Gradient
style='background: -moz-linear-gradient(top, #b5a55c, #fdfcfa); background: -webkit-linear-gradient(top, #b5a55c, #fdfcfa); background: -o-linear-gradient(top, #b5a55c, #fdfcfa); background: -ms-linear-gradient(top, #b5a55c, #fdfcfa); background: linear-gradient(top, #b5a55c, #fdfcfa);'