#2e5767 Color Hex Deep Loch

Information about Deep Loch Color | #0000FF

#2e5767 color RGB value is (46,87,103). #2e5767 color name is Deep Loch color.

#2e5767 hex color red value is 46 , green value is 87 and the blue value of its RGB is 103 . Cylindrical-coordinate representations (also known as HSL) of color #2e5767 hue: 197 , saturation: 38 and the lightness value of #2e5767 is 29

The process color (four color CMYK) of #2e5767 color hex is 22 , 6 ,0, 23 .

#2e5767

~Deep Loch

Color Converions

HEX
#2e5767
RGB
46,87,103
LAB
35,-11,-14
CMYK
55,16,0,60
LCH
35,18,-129
XYZ
7,8,14
HSV
197,55,40
HSL
197,38,29

Base Numbers

Base Red Green Blue
Binary 101110 1010111 1100111
Octal 56 127 147
Decimal 46 87 103
Hex 2e 57 67

RGB Percentages of Color #2e5767

18%
34%
40%

CMYK Percentages of Color #2e5767

22%
0%
6%
23%

Color Variations

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

Shades of #2e5767

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

10%
#2e5767
20%
#294e5d
30%
#254652
40%
#203d48
50%
#1c343e
60%
#172c33
70%
#122329
80%
#0e1a1f
90%
#091115
100%
#05090a

Tints of #2e5767

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

10%
#2e5767
20%
#436876
30%
#587985
40%
#6d8995
50%
#829aa4
60%
#96abb3
70%
#abbcc2
80%
#c0cdd1
90%
#d5dde1
100%
#eaeef0

Tones of #2e5767

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

10%
#2e5767
20%
#365b69
30%
#3e5f6c
40%
#46636e
50%
#4f6771
60%
#576b73
70%
#5f6f76
80%
#677378
90%
#6f777b
100%
#777b7d

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.
#2e5767
#2e6760
#2e6267
#2e5767
#2e4c67
#2e4067

Complementary

Complementary color schemes are made by picking two opposite colors con the color wheel. They appear vibrant near to each other.
#2e5767
#673e2e

Split complementary

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#2e5767
#492e67
#67602e

Triadic

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
#2e5767
#672e57
#57672e

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.
#2e5767
#5a2e67
#673e2e
#3a672e

Monochromatic

Colors of the same hue with luminance values +/-50%. Subtle and refined.
#2e5767
#417b91
#549fbc
#67c3e6
#080f12
#1b333c

Blindness simulator

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

Normal

#2e5767

protanopia

#4f5263

deuteranopia

#4e5169

tritanopia

#2f5960

achromatopsia

#4f4f4f

protanomaly

#435465

deuteranomaly

#435368

achromatopsia

#4f4f4f

tritanomaly

#2e5862

achromatomaly

#435258

Contrast Checker

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

White background

Good 8/21
Hello World ! 8

Black background-color

Poor 3/21
Hello World !

#2e5767 Color CSS Codes

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

#2e5767 Text Font Color

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

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

#2e5767 Background Color

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

#2e5767 Border Color

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

This div border color is #2e5767

#2e5767 Color CSS Codes Examples

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

Text Shadow with Hex Values

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

This text has shadow with hex values.


Div Box Shadow

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

This div box has shadow with color #2e5767

More Colors

Hong Kong Skyline
#676e7a
Lavender Earl
#af92bd
Peach Echo
#f7786b
Orchid Bouquet
#d1acce
Cliff Blue
#5d8fbd
Polished Silver
#c5d1da
African Violet
#b085b7
Ceramic Blue Turquoise
#16a29a
Atelier
#a3abb8
Delicate Truffle
#aa9c8b
Happy Piglets
#f6cbca
Fireside
#6e4a44
Bakos Blue
#273f4b
Old Copper
#73503b
Dying Light
#364141
Blue Cypress
#cbdbd7
Morning Green
#89bab2
Desert Sage
#90926f
Observatory
#008f70
Flesh Fly
#894585
Cloudburst
#837f7f
Greens
#016844
Dirt Yellow
#926e2e
Night Flight
#434d5c
Pale Quartz
#efeada
Casal
#3f545a
Chartreuse
#c1f80a
Frosty Mint
#e2f7f1
Arrowhead White
#f9eaeb
Moegi Green
#f19172
Graphic Charcoal
#5c5e5f
Magic Sage
#598556
Pearl Bush
#ded1c6
Downing Sand
#cbbca5
Amazon Queen
#948f54
Cuba Libre
#73383c
Fiesta Blue
#6fc0b1
Brandied Apple
#a37c79
Baby Pink
#ffb7ce
Galah
#d28083
rating-img
Rate this tool
NaN/5   0 votes