#296a9d Color Hex Blues

Information about Blues Color | #0000FF

#296a9d color RGB value is (41,106,157). #296a9d color name is Blues color.

#296a9d hex color red value is 41 , green value is 106 and the blue value of its RGB is 157 . Cylindrical-coordinate representations (also known as HSL) of color #296a9d hue: 206 , saturation: 59 and the lightness value of #296a9d is 39

The process color (four color CMYK) of #296a9d color hex is 29 , 13 ,0, 15 .

#296a9d

~Blues

Color Converions

HEX
#296a9d
RGB
41,106,157
LAB
43,-7,-34
CMYK
74,32,0,38
LCH
43,35,-102
XYZ
12,13,34
HSV
206,74,62
HSL
206,59,39

Base Numbers

Base Red Green Blue
Binary 101001 1101010 10011101
Octal 51 152 235
Decimal 41 106 157
Hex 29 6a 9d

RGB Percentages of Color #296a9d

16%
42%
62%

CMYK Percentages of Color #296a9d

29%
0%
13%
15%

Color Variations

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

Shades of #296a9d

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

10%
#296a9d
20%
#255f8d
30%
#21557e
40%
#1d4a6e
50%
#19405e
60%
#14354f
70%
#102a3f
80%
#0c202f
90%
#08151f
100%
#040b10

Tints of #296a9d

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

10%
#296a9d
20%
#3e79a7
30%
#5488b1
40%
#6997ba
50%
#7fa6c4
60%
#94b5ce
70%
#a9c3d8
80%
#bfd2e2
90%
#d4e1eb
100%
#eaf0f5

Tones of #296a9d

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

10%
#296a9d
20%
#326c9a
30%
#3a6e97
40%
#437094
50%
#4c7391
60%
#54758e
70%
#5d778b
80%
#667988
90%
#6e7b85
100%
#777d82

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.
#296a9d
#29989d
#29819d
#296a9d
#29539d
#293c9d

Complementary

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

Split complementary

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#296a9d
#73299d
#989d29

Triadic

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
#296a9d
#9d296a
#6a9d29

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.
#296a9d
#96299d
#9d5c29
#309d29

Monochromatic

Colors of the same hue with luminance values +/-50%. Subtle and refined.
#296a9d
#3487c7
#3fa3f2
#08141d
#133148
#1e4d72

Blindness simulator

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

Normal

#296a9d

protanopia

#536497

deuteranopia

#47669d

tritanopia

#007079

achromatopsia

#606060

protanomaly

#446699

deuteranomaly

#3c679d

achromatopsia

#606060

tritanomaly

#0f6e86

achromatomaly

#4c6476

Contrast Checker

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

White background

Good 6/21
Hello World ! 6

Black background-color

Poor 4/21
Hello World !

#296a9d Color CSS Codes

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

#296a9d Text Font Color

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

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

#296a9d Background Color

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

#296a9d Border Color

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

This div border color is #296a9d

#296a9d Color CSS Codes Examples

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

Text Shadow with Hex Values

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

This text has shadow with hex values.


Div Box Shadow

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

This div box has shadow with color #296a9d

More Colors

Cricket
#a6a081
Lunch Box
#f2ca95
Aegean Sea
#508fa2
Orchid White
#f1ebd9
Fuel Town
#596472
Eggshell Paper
#e2be9f
Autumn Laurel
#9d8d66
Milady
#eee1dc
Flood Out
#579dab
Cajun Brown
#5f3e41
Culinary Blue
#7bb6c1
By The Sea
#8d999e
Candied Yams
#f9a765
Ocean Cruise
#9cd4e1
Morocco Brown
#442d21
Ocean Surf
#79a2bd
Garden Glow
#7dcc98
Mosaic Green
#599f68
Bento Box
#cc363c
Clam Up
#ebdbc1
Hot Butter
#e69d00
Apple II Blue
#93d6bf
Fatal Fields
#008822
Pink Pleasure
#ffdfe5
Dry Creek
#d8c7b6
Dry Catmint
#b9bdae
Neon Nazar
#4fdce1
Mediterranean Cove
#007b84
Only Natural
#e1bc99
Juicy Passionfruit
#f18870
Jungle Cloak
#686959
Blue Brocade
#70b8d0
Pinkish Orange
#ff724c
Carotene
#fdb793
Beetle
#55584c
Magnolia Spring
#f4f2e7
Christmas Ornament
#6e5a49
Pie Safe
#877a64
Aerospace Orange
#ff4f00
Flannel Pajamas
#8b8d98
rating-img
Rate this tool
NaN/5   0 votes