#3b506f Color Hex Blue Flag

Information about Blue Flag Color | #0000FF

#3b506f color RGB value is (59,80,111). #3b506f color name is Blue Flag color.

#3b506f hex color red value is 59 , green value is 80 and the blue value of its RGB is 111 . Cylindrical-coordinate representations (also known as HSL) of color #3b506f hue: 216 , saturation: 31 and the lightness value of #3b506f is 33

The process color (four color CMYK) of #3b506f color hex is 18 , 11 ,0, 22 .

#3b506f

~Blue Flag

Color Converions

HEX
#3b506f
RGB
59,80,111
LAB
33,-1,-21
CMYK
47,28,0,56
LCH
33,21,-94
XYZ
8,8,16
HSV
216,47,44
HSL
216,31,33

Base Numbers

Base Red Green Blue
Binary 111011 1010000 1101111
Octal 73 120 157
Decimal 59 80 111
Hex 3b 50 6f

RGB Percentages of Color #3b506f

23%
31%
44%

CMYK Percentages of Color #3b506f

18%
0%
11%
22%

Color Variations

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

Shades of #3b506f

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

10%
#3b506f
20%
#354864
30%
#2f4059
40%
#29384e
50%
#233043
60%
#1e2838
70%
#18202c
80%
#121821
90%
#0c1016
100%
#06080b

Tints of #3b506f

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

10%
#3b506f
20%
#4f627d
30%
#62738c
40%
#76849a
50%
#8996a9
60%
#9da7b7
70%
#b1b9c5
80%
#c4cad4
90%
#d8dce2
100%
#ebedf1

Tones of #3b506f

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

10%
#3b506f
20%
#425571
30%
#495a72
40%
#505e74
50%
#566376
60%
#5d6877
70%
#646c79
80%
#6b717b
90%
#72767c
100%
#797b7e

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.
#3b506f
#3b656f
#3b5a6f
#3b506f
#3b466f
#3b3b6f

Complementary

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

Split complementary

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#3b506f
#643b6f
#656f3b

Triadic

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
#3b506f
#6f3b50
#506f3b

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.
#3b506f
#6f3b6a
#6f5a3b
#3b6f40

Monochromatic

Colors of the same hue with luminance values +/-50%. Subtle and refined.
#3b506f
#526f99
#688dc4
#7facee
#0e131a
#243144

Blindness simulator

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

Normal

#3b506f

protanopia

#474f6d

deuteranopia

#454f6f

tritanopia

#37555b

achromatopsia

#4e4e4e

protanomaly

#424f6e

deuteranomaly

#414f6f

achromatopsia

#4e4e4e

tritanomaly

#385363

achromatomaly

#474f5a

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 !

#3b506f Color CSS Codes

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

#3b506f Text Font Color

<div style="color:#3b506f">
Div content here</div>

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

#3b506f Background Color

<div style="background-color:#3b506f">
Div content here</div>
Div content here

#3b506f Border Color

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

This div border color is #3b506f

#3b506f Color CSS Codes Examples

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

Text Shadow with Hex Values

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

This text has shadow with hex values.


Div Box Shadow

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

This div box has shadow with color #3b506f

More Colors

Overcast Brick
#b3583d
Kitten's Eye
#8aadf7
Awesome Aura
#ccc1da
Mildura
#667960
Light Mist
#dce1d5
Misty Moor
#718981
Golden Syrup
#ebd8b3
Diamond Black
#2b303e
Polypropylene
#eaeae8
Faint Gold
#b59410
Cōng Lǜ Green
#01c08d
Mexican Pink
#e4007c
Monstrous Green
#22cc11
Monstera Deliciosa
#75bf0a
Pearl Drops
#f0ebe4
Hazy Skies
#adbbc4
Caponata
#822a10
Dead Grass
#e4dc8a
Minified Lime
#ebf5de
Bottom of my Heart
#cc0077
Makin it Rain
#88bb55
Pistachio Pudding
#c6d4ac
Mysterious Night
#5c6070
Final Straw
#d0bf9e
Go Go Mango
#feb87e
Blue Marble
#6594bc
Home Sweet Home
#9b7e65
Old Four Leaf Clover
#757d43
Hurricane Mist
#ebeee8
Bonaire
#e6e2d7
Blonde Wool
#e5d0b1
Galah
#d28083
Pale Grape
#c0a2c7
Bellflower
#5d66aa
Blissful Light
#e5d2dd
Pergament Shreds
#e4e0dc
Polish White
#e9e8e7
Marigold
#fcc006
Glamour White
#fffcec
rating-img
Rate this tool
NaN/5   0 votes