#6b7f81 Color Hex Blue Blood

Information about Blue Blood Color | #0000FF

#6b7f81 color RGB value is (107,127,129). #6b7f81 color name is Blue Blood color.

#6b7f81 hex color red value is 107 , green value is 127 and the blue value of its RGB is 129 . Cylindrical-coordinate representations (also known as HSL) of color #6b7f81 hue: 185 , saturation: 9 and the lightness value of #6b7f81 is 46

The process color (four color CMYK) of #6b7f81 color hex is 7 , 1 ,0, 19 .

#6b7f81

~Blue Blood

Color Converions

HEX
#6b7f81
RGB
107,127,129
LAB
52,-7,-4
CMYK
17,2,0,49
LCH
52,8,-153
XYZ
18,20,24
HSV
185,17,51
HSL
185,9,46

Base Numbers

Base Red Green Blue
Binary 1101011 1111111 10000001
Octal 153 177 201
Decimal 107 127 129
Hex 6b 7f 81

RGB Percentages of Color #6b7f81

42%
50%
51%

CMYK Percentages of Color #6b7f81

7%
0%
1%
19%

Color Variations

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

Shades of #6b7f81

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

10%
#6b7f81
20%
#607274
30%
#566667
40%
#4b595a
50%
#404c4d
60%
#354040
70%
#2b3334
80%
#202627
90%
#15191a
100%
#0b0d0d

Tints of #6b7f81

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

10%
#6b7f81
20%
#7a8c8e
30%
#89999a
40%
#97a5a7
50%
#a6b2b3
60%
#b5bfc0
70%
#c4cccd
80%
#d3d9d9
90%
#e1e5e6
100%
#f0f2f2

Tones of #6b7f81

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

10%
#6b7f81
20%
#6d7f81
30%
#6f7f81
40%
#717f81
50%
#737f80
60%
#757f80
70%
#777f80
80%
#797f80
90%
#7b7f80
100%
#7d7f80

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.
#6b7f81
#6b817a
#6b817f
#6b7f81
#6b7b81
#6b7681

Complementary

Complementary color schemes are made by picking two opposite colors con the color wheel. They appear vibrant near to each other.
#6b7f81
#816d6b

Split complementary

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#6b7f81
#716b81
#817a6b

Triadic

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
#6b7f81
#816b7f
#7f816b

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.
#6b7f81
#786b81
#816d6b
#74816b

Monochromatic

Colors of the same hue with luminance values +/-50%. Subtle and refined.
#6b7f81
#8ea9ab
#b2d3d6
#010101
#242b2c
#485556

Blindness simulator

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

Normal

#6b7f81

protanopia

#7c7a7e

deuteranopia

#837782

tritanopia

#6c7d87

achromatopsia

#7b7b7b

protanomaly

#767c7f

deuteranomaly

#7a7a82

achromatopsia

#7b7b7b

tritanomaly

#6c7e85

achromatomaly

#757c7d

Contrast Checker

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

White background

Poor 4/21
Hello World ! 4

Black background-color

Good 5/21
Hello World !

#6b7f81 Color CSS Codes

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

#6b7f81 Text Font Color

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

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

#6b7f81 Background Color

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

#6b7f81 Border Color

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

This div border color is #6b7f81

#6b7f81 Color CSS Codes Examples

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

Text Shadow with Hex Values

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

This text has shadow with hex values.


Div Box Shadow

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

This div box has shadow with color #6b7f81

More Colors

Goodbye Kiss
#d9cac3
Pale Shale
#cacfdc
Narcomedusae
#e6e3d8
Intoxication
#a1ac4d
Floppy Disk
#110044
Beautiful Mint
#d6dad6
Brandy Bear
#aa5412
Light Pale Icelandish
#ccdfdc
Frozen Moss Green
#addfad
Pansy Posy
#bca3b4
Jay Bird
#50859e
Equestrienne
#a07569
Obsidian Shell
#441166
Copper Moon
#c29978
Averland Sunset
#ffaa1d
Almond Willow
#e6c9bc
Breathless
#dfdae0
Pale Ale
#fef068
Exotic Orchid
#75566c
Garden Leek
#d7deac
Earthly Delight
#ab8a68
French Vanilla
#efe1a7
Cricket Chirping
#c7c10c
Artichoke Mauve
#c19aa5
Leaf Bud
#eff19d
Big Fish to Fry
#dadbe1
Instant Noodles
#f4d493
Merlot
#730039
Light Bathing
#abd5dc
Nut Brown
#86695e
Chimera
#74626d
Melting Snowman
#dae5e0
Banana Brick
#e8d82c
Pink Wink
#ffaaee
Heritage Blue
#5d96bc
Kahu Blue
#0093d6
Bayou
#20706f
Oasis Spring
#47a3c6
Old Coffee
#704241
rating-img
Rate this tool
NaN/5   0 votes