#496ead Color Hex New Age Blue

Information about New Age Blue Color | #0000FF

#496ead color RGB value is (73,110,173). #496ead color name is New Age Blue color.

#496ead hex color red value is 73 , green value is 110 and the blue value of its RGB is 173 . Cylindrical-coordinate representations (also known as HSL) of color #496ead hue: 218 , saturation: 41 and the lightness value of #496ead is 48

The process color (four color CMYK) of #496ead color hex is 23 , 14 ,0, 13 .

#496ead

~New Age Blue

Color Converions

HEX

#496ead

RGB

73,110,173

LAB

46,1,-38

CMYK

58,36,0,32

LCH

46,38,-88

XYZ

16,16,42

HSV

218,58,68

HSL

218,41,48

LUV

Base Numbers

Base	Red	Green	Blue
Binary	1001001	1101110	10101101
Octal	111	156	255
Decimal	73	110	173
Hex	49	6e	ad

RGB Percentages of Color #496ead

29%

43%

68%

CMYK Percentages of Color #496ead

23%

14%

13%

Color Variations

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

Shades of #496ead

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

10%

#496ead

20%

#42639c

30%

#3a588a

40%

#334d79

50%

#2c4268

60%

#253756

70%

#1d2c45

80%

#162134

90%

#0f1623

100%

#070b11

Tints of #496ead

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

10%

#496ead

20%

#5b7db5

30%

#6d8bbd

40%

#809ac6

50%

#92a8ce

60%

#a4b7d6

70%

#b6c5de

80%

#c8d4e6

90%

#dbe2ef

100%

#edf1f7

Tones of #496ead

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

10%

#496ead

20%

#4e70a8

30%

#5472a4

40%

#59739f

50%

#5f759b

60%

#647796

70%

#6a7892

80%

#6f7a8d

90%

#757c89

100%

#7a7e84

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.

#496ead

#4996ad

#4982ad

#496ead

#495aad

#4c49ad

Complementary

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

#496ead

#ad8849

Split complementary

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

#496ead

#9c49ad

#96ad49

Triadic

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

#496ead

#ad496e

#6ead49

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.

#496ead

#ad49a0

#ad8849

#49ad56

Monochromatic

Colors of the same hue with luminance values +/-50%. Subtle and refined.

#496ead

#5b89d7

#010203

#131d2d

#253858

#375382

Blindness simulator

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

Contrast Checker

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

White background

Good 5/21

Hello World ! 5

Black background-color

Poor 4/21

Hello World !

#496ead Color CSS Codes

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

#496ead Text Font Color

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

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

#496ead Background Color

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

Div content here

#496ead Border Color

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

This div border color is #496ead

#496ead Color CSS Codes Examples

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

Text Shadow with Hex Values

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

This text has shadow with hex values.

Div Box Shadow

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

This div box has shadow with color #496ead