#b5b6ce Color Hex Madder Blue

Information about Madder Blue Color | #0000FF

#b5b6ce color RGB value is (181,182,206). #b5b6ce color name is Madder Blue color.

#b5b6ce hex color red value is 181 , green value is 182 and the blue value of its RGB is 206 . Cylindrical-coordinate representations (also known as HSL) of color #b5b6ce hue: 238 , saturation: 20 and the lightness value of #b5b6ce is 76

The process color (four color CMYK) of #b5b6ce color hex is 5 , 5 ,0, 8 .

#b5b6ce

~Madder Blue

Color Converions

HEX
#b5b6ce
RGB
181,182,206
LAB
75,3,-12
CMYK
12,12,0,19
LCH
75,13,-75
XYZ
47,48,65
HSV
238,12,81
HSL
238,20,76

Base Numbers

Base Red Green Blue
Binary 10110101 10110110 11001110
Octal 265 266 316
Decimal 181 182 206
Hex b5 b6 ce

RGB Percentages of Color #b5b6ce

71%
71%
81%

CMYK Percentages of Color #b5b6ce

5%
0%
5%
8%

Color Variations

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

Shades of #b5b6ce

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

10%
#b5b6ce
20%
#a3a4b9
30%
#9192a5
40%
#7f7f90
50%
#6d6d7c
60%
#5b5b67
70%
#484952
80%
#36373e
90%
#242429
100%
#121215

Tints of #b5b6ce

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

10%
#b5b6ce
20%
#bcbdd3
30%
#c4c5d8
40%
#cbccdd
50%
#d3d3e2
60%
#dadae6
70%
#e1e2eb
80%
#e9e9f0
90%
#f0f0f5
100%
#f8f8fa

Tones of #b5b6ce

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

10%
#b5b6ce
20%
#b0b1c6
30%
#aaabbe
40%
#a5a6b6
50%
#a0a0af
60%
#9a9ba7
70%
#95959f
80%
#909097
90%
#8a8a8f
100%
#858587

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.
#b5b6ce
#b5c0ce
#b5bbce
#b5b6ce
#b9b5ce
#beb5ce

Complementary

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

Split complementary

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#b5b6ce
#ceb5ca
#c0ceb5

Triadic

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
#b5b6ce
#ceb5b6
#b6ceb5

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.
#b5b6ce
#ceb5c2
#cecdb5
#b5cec0

Monochromatic

Colors of the same hue with luminance values +/-50%. Subtle and refined.
#b5b6ce
#dadcf8
#202024
#45454e
#6a6b79
#9090a3

Blindness simulator

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

Normal

#b5b6ce

protanopia

#b2b5cd

deuteranopia

#bdb1ce

tritanopia

#b2b6c4

achromatopsia

#b8b8b8

protanomaly

#b3b5cd

deuteranomaly

#bab3ce

achromatopsia

#b8b8b8

tritanomaly

#b3b6c8

achromatomaly

#b7b7c0

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 !

#b5b6ce Color CSS Codes

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

#b5b6ce Text Font Color

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

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

#b5b6ce Background Color

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

#b5b6ce Border Color

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

This div border color is #b5b6ce

#b5b6ce Color CSS Codes Examples

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

Text Shadow with Hex Values

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

This text has shadow with hex values.


Div Box Shadow

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

This div box has shadow with color #b5b6ce

More Colors

Old Fashioned Pink
#f4c6cc
Hip Hop
#e4e8a7
Languid Blue
#a4b7bd
Arousing Alligator
#776600
Dark Catacombs
#513116
Freezy Wind
#99ffdd
Light Katsura
#d6ead8
Paper Brown
#d7ac7f
Blue Nude
#29518c
El Capitan
#b7a696
Open Canyon
#bba990
Nutter Butter
#f7d4c6
Badlands Sunset
#936a5b
Acorn
#7e5e52
Grey Whisper
#e6e4e4
Diluted Red
#e8dde2
Fisher King
#5182b9
Aluminum Foil
#d2d9db
Hong Kong Mist
#948e90
Light Water Wings
#c2f0e6
Light Shetland Lace
#e7dccf
Antique Windmill
#b6a38d
Cochin Chicken
#f8b862
Apricot Sorbet
#e8a760
Enticing Red
#b74e4f
Physalis Peal
#e1d8bb
Deep Taupe
#7b6660
Day Dreamer
#d9cdc4
Biopunk
#66ff55
Fresh Brew
#b8aa7d
Green Spruce
#589f7e
Dreamy Candy Forest
#b195e4
Clambake
#e0d1bb
Parchment Paper
#f0e7d8
Blue Party Parrot
#8080ff
Nutshell
#a9856b
Misted Aqua
#d7e7e6
Blue Coral
#1b5366
Autumn Air
#d2a888
Gallery Taupe
#d0c5b8
rating-img
Rate this tool
NaN/5   0 votes