#2976bb Color Hex Bluish

Information about Bluish Color | #0000FF

#2976bb color RGB value is (41,118,187). #2976bb color name is Bluish color.

#2976bb hex color red value is 41 , green value is 118 and the blue value of its RGB is 187 . Cylindrical-coordinate representations (also known as HSL) of color #2976bb hue: 208 , saturation: 64 and the lightness value of #2976bb is 45

The process color (four color CMYK) of #2976bb color hex is 31 , 14 ,0, 10 .

#2976bb

~Bluish

Color Converions

HEX
#2976bb
RGB
41,118,187
LAB
48,-5,-44
CMYK
78,37,0,27
LCH
48,44,-96
XYZ
16,17,49
HSV
208,78,73
HSL
208,64,45

Base Numbers

Base Red Green Blue
Binary 101001 1110110 10111011
Octal 51 166 273
Decimal 41 118 187
Hex 29 76 bb

RGB Percentages of Color #2976bb

16%
46%
73%

CMYK Percentages of Color #2976bb

31%
0%
14%
10%

Color Variations

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

Shades of #2976bb

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

10%
#2976bb
20%
#256aa8
30%
#215e96
40%
#1d5383
50%
#194770
60%
#143b5d
70%
#102f4b
80%
#0c2338
90%
#081825
100%
#040c13

Tints of #2976bb

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

10%
#2976bb
20%
#3e84c2
30%
#5491c9
40%
#699fcf
50%
#7fadd6
60%
#94bbdd
70%
#a9c8e4
80%
#bfd6eb
90%
#d4e4f1
100%
#eaf1f8

Tones of #2976bb

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

10%
#2976bb
20%
#3277b5
30%
#3a78af
40%
#4379a9
50%
#4c7aa3
60%
#547b9d
70%
#5d7c97
80%
#667d91
90%
#6e7e8b
100%
#777f85

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.
#2976bb
#29b0bb
#2993bb
#2976bb
#2959bb
#293cbb

Complementary

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

Split complementary

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#2976bb
#8b29bb
#b0bb29

Triadic

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
#2976bb
#bb2976
#76bb29

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.
#2976bb
#b729bb
#bb6e29
#2dbb29

Monochromatic

Colors of the same hue with luminance values +/-50%. Subtle and refined.
#2976bb
#3291e5
#040b11
#0d263b
#164066
#205b90

Blindness simulator

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

Normal

#2976bb

protanopia

#5670b5

deuteranopia

#4173bb

tritanopia

#007e88

achromatopsia

#6b6b6b

protanomaly

#4672b7

deuteranomaly

#3874bb

achromatopsia

#6b6b6b

tritanomaly

#0f7b9a

achromatomaly

#536f88

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 !

#2976bb Color CSS Codes

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

#2976bb Text Font Color

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

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

#2976bb Background Color

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

#2976bb Border Color

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

This div border color is #2976bb

#2976bb Color CSS Codes Examples

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

Text Shadow with Hex Values

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

This text has shadow with hex values.


Div Box Shadow

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

This div box has shadow with color #2976bb

More Colors

Pinkadelic
#cb5c5b
Baja White
#fff8d1
Beastly Flesh
#680c08
Cadet
#536872
Chestnut Brown
#6d1008
Dutch Blue
#4a638d
Instant
#d9cec7
Blood
#770001
Oceanside
#015a6b
Burnt Grape
#75625e
Forever Denim
#778590
Cabernet Craving
#6d3445
Jackfruit
#f7c680
Give Me Your Love
#ee88ff
Lightish Purple
#a552e6
Lustrian Undergrowth
#415a09
Garden Twilight
#a3bbb3
Bark Brown
#73532a
Boogie Blast
#119944
Burj Khalifa Fountain
#d4dee8
Hyper Light Drifter
#eddbda
Lavender Memory
#d3d3e2
New Love
#c6bbdb
Angela Canyon
#c99997
Igloo
#fdfcfa
Graphic Grape
#824e78
Elegant White
#f5f0e1
Deep Mulberry
#544954
Pink Cardoon
#ecc9ca
Icy Wind
#d3f1ee
Bee Cluster
#ffaa33
Jade Jewel
#247e81
Oberon
#fcd389
Abyssal Waters
#005765
English Green
#1b4d3f
Hollyhock Bloom
#b7737d
Midnight Merlot
#880044
King's Plum Pie
#b3107a
Olive Gold
#bfac8b
Peaceful Rain
#f1fbf1
rating-img
Rate this tool
NaN/5   0 votes