#b7bbbb Color Hex Marseilles

Information about Marseilles Color | #0000FF

#b7bbbb color RGB value is (183,187,187). #b7bbbb color name is Marseilles color.

#b7bbbb hex color red value is 183 , green value is 187 and the blue value of its RGB is 187 . Cylindrical-coordinate representations (also known as HSL) of color #b7bbbb hue: 180 , saturation: 3 and the lightness value of #b7bbbb is 73

The process color (four color CMYK) of #b7bbbb color hex is 1 , 0 ,0, 10 .

#b7bbbb

~Marseilles

Color Converions

HEX
#b7bbbb
RGB
183,187,187
LAB
76,-1,-1
CMYK
2,0,0,27
LCH
76,2,-160
XYZ
46,49,54
HSV
180,2,73
HSL
180,3,73

Base Numbers

Base Red Green Blue
Binary 10110111 10111011 10111011
Octal 267 273 273
Decimal 183 187 187
Hex b7 bb bb

RGB Percentages of Color #b7bbbb

72%
73%
73%

CMYK Percentages of Color #b7bbbb

1%
0%
0%
10%

Color Variations

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

Shades of #b7bbbb

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

10%
#b7bbbb
20%
#a5a8a8
30%
#929696
40%
#808383
50%
#6e7070
60%
#5b5d5d
70%
#494b4b
80%
#373838
90%
#252525
100%
#121313

Tints of #b7bbbb

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

10%
#b7bbbb
20%
#bec2c2
30%
#c5c9c9
40%
#cdcfcf
50%
#d4d6d6
60%
#dbdddd
70%
#e2e4e4
80%
#e9ebeb
90%
#f1f1f1
100%
#f8f8f8

Tones of #b7bbbb

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

10%
#b7bbbb
20%
#b1b5b5
30%
#acafaf
40%
#a6a9a9
50%
#a1a3a3
60%
#9b9d9d
70%
#969797
80%
#909191
90%
#8b8b8b
100%
#858585

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.
#b7bbbb
#b7bbb9
#b7bbba
#b7bbbb
#b7babb
#b7b9bb

Complementary

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

Split complementary

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#b7bbbb
#b8b7bb
#bbb9b7

Triadic

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
#b7bbbb
#bbb7bb
#bbbbb7

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.
#b7bbbb
#b9b7bb
#bbb7b7
#b9bbb7

Monochromatic

Colors of the same hue with luminance values +/-50%. Subtle and refined.
#b7bbbb
#e1e5e5
#111111
#3a3b3b
#646666
#8d9090

Blindness simulator

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

Normal

#b7bbbb

protanopia

#bcb8b9

deuteranopia

#cab3bc

tritanopia

#b8b8c6

achromatopsia

#bababa

protanomaly

#bab9b9

deuteranomaly

#c3b6bb

achromatopsia

#bababa

tritanomaly

#b8b9c2

achromatomaly

#b9baba

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

#b7bbbb Color CSS Codes

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

#b7bbbb Text Font Color

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

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

#b7bbbb Background Color

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

#b7bbbb Border Color

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

This div border color is #b7bbbb

#b7bbbb Color CSS Codes Examples

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

Text Shadow with Hex Values

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

This text has shadow with hex values.


Div Box Shadow

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

This div box has shadow with color #b7bbbb

More Colors

Heartthrob
#a82e33
Pale Pastel
#9adedb
Highland Green
#305144
Kappa Green
#c5ded1
Pale Coral
#f0d0b4
Beagle Brown
#8d6737
Lilac Blue
#8293ac
Norwegian Sky
#b4cdde
Finnegan
#425357
Baharroth Blue
#58c1cd
Adobe Rose
#ba9f99
Amberized
#aa8559
Charred Clay
#885132
Dusk Orange
#fe4c40
Crabapple
#87382f
Fěn Hóng Pink
#ff6cb5
Caramelized Pears
#e7d5ad
Gold Wash
#d4c19e
Plum Paradise
#aa1166
Cotton Denim
#91abbe
Camellia Pink
#cd739d
Blue Light
#acdfdd
Pink Shadow
#bb3377
Fire Orange
#ff8e57
Pewter Ring
#8a8886
Kitten's Paw
#daa89b
Norfolk Sky
#6cbae7
Malibu Coast
#e7cfc2
Moenkopi Soil
#c8a692
Harrison Grey
#989b9e
Misty Lake
#c2d5c4
Leather Clutch
#744e42
Flood Out
#579dab
Green Charm
#e7dda7
Milk Quartz
#f5deae
Barf Green
#94ac02
Iron Wood
#a0a6a8
Dyer's Woad
#7b99b0
Lián Hóng Lotus Pink
#f075e6
rating-img
Rate this tool
NaN/5   0 votes