#b5a998 Color Hex Fine Greige

Information about Fine Greige Color | #0000FF

#b5a998 color RGB value is (181,169,152). #b5a998 color name is Fine Greige color.

#b5a998 hex color red value is 181 , green value is 169 and the blue value of its RGB is 152 . Cylindrical-coordinate representations (also known as HSL) of color #b5a998 hue: 35 , saturation: 16 and the lightness value of #b5a998 is 65

The process color (four color CMYK) of #b5a998 color hex is 0 , 3 ,6, 11 .

#b5a998

~Fine Greige

Color Converions

HEX
#b5a998
RGB
181,169,152
LAB
70,2,10
CMYK
0,7,16,29
LCH
70,11,77
XYZ
39,40,35
HSV
35,16,71
HSL
35,16,65

Base Numbers

Base Red Green Blue
Binary 10110101 10101001 10011000
Octal 265 251 230
Decimal 181 169 152
Hex b5 a9 98

RGB Percentages of Color #b5a998

71%
66%
60%

CMYK Percentages of Color #b5a998

0%
6%
3%
11%

Color Variations

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

Shades of #b5a998

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

10%
#b5a998
20%
#a39889
30%
#91877a
40%
#7f766a
50%
#6d655b
60%
#5b544c
70%
#48443d
80%
#36332e
90%
#24221e
100%
#12110f

Tints of #b5a998

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

10%
#b5a998
20%
#bcb2a2
30%
#c4baad
40%
#cbc3b7
50%
#d3cbc1
60%
#dad4cc
70%
#e1ddd6
80%
#e9e5e0
90%
#f0eeea
100%
#f8f6f5

Tones of #b5a998

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

10%
#b5a998
20%
#b0a596
30%
#aaa193
40%
#a59d91
50%
#a0988e
60%
#9a948c
70%
#959089
80%
#908c87
90%
#8a8884
100%
#858482

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.
#b5a998
#b59d98
#b5a398
#b5a998
#b5af98
#b5b598

Complementary

Complementary color schemes are made by picking two opposite colors con the color wheel. They appear vibrant near to each other.
#b5a998
#98a4b5

Split complementary

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#b5a998
#9eb598
#9d98b5

Triadic

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
#b5a998
#98b5a9
#a998b5

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.
#b5a998
#98b59a
#98a4b5
#b598b2

Monochromatic

Colors of the same hue with luminance values +/-50%. Subtle and refined.
#b5a998
#dfd1bc
#0b0a09
#35322d
#605a51
#8a8174

Blindness simulator

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

Normal

#b5a998

protanopia

#b1a897

deuteranopia

#c1a398

tritanopia

#b8a4b0

achromatopsia

#aaaaaa

protanomaly

#b2a997

deuteranomaly

#bca598

achromatopsia

#aaaaaa

tritanomaly

#b7a6a7

achromatomaly

#aeaaa4

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 9/21
Hello World !

#b5a998 Color CSS Codes

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

#b5a998 Text Font Color

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

This sample text font color is #b5a998
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.

#b5a998 Background Color

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

#b5a998 Border Color

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

This div border color is #b5a998

#b5a998 Color CSS Codes Examples

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

Text Shadow with Hex Values

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

This text has shadow with hex values.


Div Box Shadow

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

This div box has shadow with color #b5a998

More Colors

Cherry Berry
#9f4d65
Annapolis Blue
#384a66
Clair De Lune
#dbe9df
Glowing Lantern
#fbb736
Cooling Trend
#e6e2e4
Hawaiian Vacation
#77cabd
Laurel Green
#a9ba9d
Far Away Grey
#2d383a
Lyman Camellia
#e5c7b9
Nato Blue
#153043
Cannon Pink
#8e5164
Light Oriental Blush
#e1d4e8
Bergamot Orange
#f59d59
Palm Lane
#7a7363
Copper Red
#cb6d51
Maine-Anjou Cattle
#a95249
Childish Wonder
#a5a8d6
Dress Up
#fac7bf
Magic Carpet
#9488be
Melrose
#c3b9dd
Crisp Muslin
#e9e2d7
Opal Blue
#c3ddd6
British Grey Mauve
#7d7081
Deep Mulberry
#544954
Blue Ballet
#576b6b
Blue Potato
#64617b
Cordova Burgundy
#7c3744
Bakelite
#e6d4a5
Devilish Diva
#ce7790
Pear Perfume
#ccdd99
Feijoa Flower
#edf2c3
Macaroon Cream
#fee8d6
Amulet Gem
#01748e
Allison Lace
#f1ead4
Banana Biscuit
#ffde7b
French Heirloom
#e9e2e0
English Forest
#606256
Dream Green
#35836a
Flamingo Peach
#f6e2d8
Blue Ribbon
#0066ff
rating-img
Rate this tool
NaN/5   0 votes