#b4a54b Color Hex Moss Stone

Information about Moss Stone Color | #0000FF

#b4a54b color RGB value is (180,165,75). #b4a54b color name is Moss Stone color.

#b4a54b hex color red value is 180 , green value is 165 and the blue value of its RGB is 75 . Cylindrical-coordinate representations (also known as HSL) of color #b4a54b hue: 51 , saturation: 41 and the lightness value of #b4a54b is 50

The process color (four color CMYK) of #b4a54b color hex is 0 , 3 ,23, 12 .

#b4a54b

~Moss Stone

Color Converions

HEX
#b4a54b
RGB
180,165,75
LAB
68,-3,48
CMYK
0,8,58,29
LCH
68,48,93
XYZ
34,37,12
HSV
51,58,71
HSL
51,41,50

Base Numbers

Base Red Green Blue
Binary 10110100 10100101 1001011
Octal 264 245 113
Decimal 180 165 75
Hex b4 a5 4b

RGB Percentages of Color #b4a54b

71%
65%
29%

CMYK Percentages of Color #b4a54b

0%
23%
3%
12%

Color Variations

View this color variations of shades, tints, tones, hues and temperatures.

Shades of #b4a54b

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.

10%
#b4a54b
20%
#a29544
30%
#90843c
40%
#7e7435
50%
#6c632d
60%
#5a5325
70%
#48421e
80%
#363216
90%
#24210f
100%
#121107

Tints of #b4a54b

A tint is created by adding white to a base color, increasing its lightness. Tints are likely to look pastel and less intense.

10%
#b4a54b
20%
#bcae5d
30%
#c3b76f
40%
#cbc081
50%
#d2c993
60%
#dad2a5
70%
#e1dbb7
80%
#e9e4c9
90%
#f0eddb
100%
#f8f6ed

Tones of #b4a54b

A tone is created by adding gray to a base color, increasing its lightness. Tones looks more sophisticated and complex than base colors.

10%
#b4a54b
20%
#afa150
30%
#aa9e56
40%
#a49a5b
50%
#9f9660
60%
#9a9265
70%
#948f6a
80%
#8f8b70
90%
#8a8775
100%
#85837a

Color harmonies

Color harmonies are pleasing color schemes created according to their position on a color wheel.

Analogous

Colors of the same luminance and saturation with hues that are adjacent on the color wheel, 30 degrees apart. Smooth transitions.
#b4a54b
#b47b4b
#b4904b
#b4a54b
#aeb44b
#99b44b

Complementary

Complementary color schemes are made by picking two opposite colors con the color wheel. They appear vibrant near to each other.
#b4a54b
#4b5ab4

Split complementary

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#b4a54b
#4bb451
#7b4bb4

Triadic

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
#b4a54b
#4bb4a5
#a54bb4

Tetradic

Tetradic color schemes are made form two couples of complementary colors in a rectangular shape on the color wheel. They are very versatile, and work best with one dominant color.
#b4a54b
#4bb471
#4b5ab4
#b44b8e

Monochromatic

Colors of the same hue with luminance values +/-50%. Subtle and refined.
#b4a54b
#decc5d
#0a0904
#343016
#5f5728
#897e39

Blindness simulator

Check how a color is perceived by color blind people to create accessible designs.

Normal

#b4a54b

protanopia

#b5a34c

deuteranopia

#ca9b4f

tritanopia

#bc9aa5

achromatopsia

#a2a2a2

protanomaly

#b5a44c

deuteranomaly

#c29e4e

achromatopsia

#a2a2a2

tritanomaly

#b99e85

achromatomaly

#a8a382

Contrast Checker

Verify the contrast of a text on white and black backgrounds.

White background

Poor 2/21
Hello World ! 2

Black background-color

Good 8/21
Hello World !

#b4a54b Color CSS Codes

.bgcolor {background-color:#b4a54b; } 
.forecolor {color:#b4a54b; }
.bordercolor {border:3px solid #b4a54b; }
            

#b4a54b Text Font Color

<div style="color:#b4a54b">
Div content here</div>

This sample text font color is #b4a54b
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

#b4a54b Background Color

<div style="background-color:#b4a54b">
Div content here</div>
Div content here

#b4a54b Border Color

<div style="border:3px solid #b4a54b">
Div here</div>

This div border color is #b4a54b

#b4a54b Color CSS Codes Examples

.textShadowRgb {
  text-shadow: 4px 4px 2px #b4a54b; } 
.textShadowHex { 
  text-shadow: 4px 4px 2px #b4a54b; }
.divShadow { 
  -moz-box-shadow: 1px 1px 3px 2px #b4a54b;
  -webkit-box-shadow: 1px 1px 3px 2px #b4a54b;
  box-shadow: 1px 1px 3px 2px #b4a54b; }
            

Text Shadow with Hex Values

<p style="text-shadow: 4px 4px 2px #b4a54b">Text here</p>
            

This text has shadow with hex values.


Div Box Shadow

<div style="-moz-box-shadow: 1px 1px 3px 2px #b4a54b;
              -webkit-box-shadow: 1px 1px 3px 2px #b4a54b;
              box-shadow:         1px 1px 3px 2px #b4a54b#b4a54b">
Div content here</div>

This div box has shadow with color #b4a54b

More Colors

Green Screen
#22ff00
Mineral
#d7d1c5
Old Nan Yarn
#5e5896
Orange Glass
#ffca7d
Deep Space
#3f4143
Flamingo Diva
#ff44dd
Mermaid Net
#22cccc
Celadon Glaze
#ccd4cb
Destroyer Grey
#98968d
Oak Ridge
#c0b0ab
Mr Mustard
#e4b857
Beau Blue
#bcd4e6
Dark Strawberry
#80444c
Golden Pilsner
#956f3f
Melbourne
#4c7c4b
Out of the Blue
#1199ee
Boiling Magma
#ff3300
Pink Hibiscus
#b36c86
Grey Matter
#c87f89
Maiden Pink
#ff2feb
Darkshore
#464964
Gratin Dauphinois
#e0d2a9
Casablanca
#f0b253
Neutral Buff
#9d928f
Blast-Off Bronze
#a57164
Attorney
#3f4258
Broadway Lights
#fee07c
Greedy Gold
#c4ce3b
Old Laser Lemon
#fdfc74
Pale Berries
#e2ccc7
Naturally Calm
#ced0d9
Orchid Ice
#e0d0db
Aurora Brown
#6a4238
Calming Retreat
#eee0d1
Bayside
#5fc9bf
Loden Blanket
#7d6546
Mojave Dusk
#b99178
Delltone
#8ec39e
Brilliant Silver
#a9b0b4
rating-img
Rate this tool
NaN/5   0 votes