Color picker

#b1a354

Conversion

HEX#b1a354
HEX8#b1a354ff
RGBrgb(177, 163, 84)
CMYK[0,0.08,0.53,0.31]
Name#b1a354
HCL[97.35,42.79,66.66]
oklab[0.71,-0.02,0.1]
Num11641684
HSI[51.98,0.41,0.55]
lab[66.66,-5.47,42.44]
Lighten
#d1c99a
Darken
#6d6432
Saturate
#cab43b
Desaturate
#98926d
Greyscale
#828282
Brighten
#e4d687

Color harmonies of #b1a354

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

Triad

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
#b1a354
#54b1a3
#a354b1

Tetrad

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.
#b1a354
#54b174
#5462b1
#b15490

Monochromatic

The monochromatic colors are those that have the same dye, but differ in hue, value and saturation. For example, paint samples have several different values ​​of the same color. Using two or more monochromatic colors will achieve an elegant and pleasant effect.
#b1a354
#dbca68
#070603
#312e17
#5c552c
#867c40

Analogous

Analogous color schemes are made by picking three colors that are next to each other on the color wheel. They are perceived as calm and serene.
#b1a354
#b17e54
#b19054
#b1a354
#acb154
#9ab154

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#b1a354
#54b159
#7e54b1

Variations

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

Tints

A tint is created by adding white to a base color, increasing its lightness. Tints are likely to look pastel and less intense.
#ffffff
#f9f8f3
#f4f2e7
#eeebda
#e9e5ce
#e3dec2
#ded8b6
#d8d1aa
#d2ca9d
#cdc491
#c7bd85
#c2b779
#bcb06c
#b7aa60
#b1a354

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#0d0c06
#19170c
#262312
#332f18
#3f3a1e
#4c4624
#59522a
#655d30
#726936
#7e743c
#8b8042
#988c48
#a4974e
#b1a354

Contrast Checker

Verify the contrast of a #b1a354 colored text on white and black backgrounds. For additional options use Color Contrast Checker Tool.

2.55 Very Poor When I used to read fairy tales, I fancied that kind of thing never happened, and now here I am in the middle of one!
8.236 Very Good When I used to read fairy tales, I fancied that kind of thing never happened, and now here I am in the middle of one!

Color Palettes #b1a354

Some examples of color palettes with #b1a354. View more

Use #b1a354 in CSS

#b1a354 as Background Color in CSS
<div style="background-color:#b1a354">Background Color</div>
#b1a354 as Text Color in CSS
<div style="color:#b1a354">Text Color</div>
#b1a354 as Border Color in CSS
<div style="border-color:#b1a354">Border Color</div>
My Collection
Palettes

No palettes yet

Colors

No colors yet

Gradients

No gradients yet