#535a61 Color Hex Blue Steel

Information about Blue Steel Color | #0000FF

#535a61 color RGB value is (83,90,97). #535a61 color name is Blue Steel color.

#535a61 hex color red value is 83 , green value is 90 and the blue value of its RGB is 97 . Cylindrical-coordinate representations (also known as HSL) of color #535a61 hue: 210 , saturation: 8 and the lightness value of #535a61 is 35

The process color (four color CMYK) of #535a61 color hex is 6 , 3 ,0, 24 .

#535a61

~Blue Steel

Color Converions

HEX
#535a61
RGB
83,90,97
LAB
38,-2,-5
CMYK
14,7,0,62
LCH
38,5,-108
XYZ
9,10,13
HSV
210,14,38
HSL
210,8,35

Base Numbers

Base Red Green Blue
Binary 1010011 1011010 1100001
Octal 123 132 141
Decimal 83 90 97
Hex 53 5a 61

RGB Percentages of Color #535a61

33%
35%
38%

CMYK Percentages of Color #535a61

6%
0%
3%
24%

Color Variations

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

Shades of #535a61

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

10%
#535a61
20%
#4b5157
30%
#42484e
40%
#3a3f44
50%
#32363a
60%
#2a2d31
70%
#212427
80%
#191b1d
90%
#111213
100%
#08090a

Tints of #535a61

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

10%
#535a61
20%
#646b71
30%
#757b81
40%
#878c90
50%
#989ca0
60%
#a9adb0
70%
#babdc0
80%
#cbced0
90%
#dddedf
100%
#eeefef

Tones of #535a61

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

10%
#535a61
20%
#575e64
30%
#5c6267
40%
#60656a
50%
#65696d
60%
#696d70
70%
#6e7173
80%
#727476
90%
#777879
100%
#7b7c7c

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.
#535a61
#536061
#535d61
#535a61
#535761
#535461

Complementary

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

Split complementary

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#535a61
#5d5361
#606153

Triadic

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
#535a61
#61535a
#5a6153

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.
#535a61
#615361
#615a53
#536153

Monochromatic

Colors of the same hue with luminance values +/-50%. Subtle and refined.
#535a61
#77818b
#9ca9b6
#c0d0e0
#0a0b0c
#2f3336

Blindness simulator

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

Normal

#535a61

protanopia

#595960

deuteranopia

#5f5762

tritanopia

#545a61

achromatopsia

#595959

protanomaly

#575961

deuteranomaly

#5a5862

achromatopsia

#595959

tritanomaly

#545a61

achromatomaly

#57595c

Contrast Checker

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

White background

Good 7/21
Hello World ! 7

Black background-color

Poor 3/21
Hello World !

#535a61 Color CSS Codes

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

#535a61 Text Font Color

<div style="color:#535a61">
Div content here</div>

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

#535a61 Background Color

<div style="background-color:#535a61">
Div content here</div>
Div content here

#535a61 Border Color

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

This div border color is #535a61

#535a61 Color CSS Codes Examples

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

Text Shadow with Hex Values

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

This text has shadow with hex values.


Div Box Shadow

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

This div box has shadow with color #535a61

More Colors

Clear Concrete
#bab6b2
Hidden Treasure
#a59074
Cheese
#ffa600
Aristocratic Pink
#ddaacc
Mosslands
#779966
Cioccolato
#5d3b2e
Beauty Patch
#834f44
Copacabana
#006c8d
Essentially Bright
#ffde9f
Denim Light
#b8cad5
Honey Oat Bread
#faeed9
Freinacht Black
#232f36
Earthen Jug
#a85e39
Lilac Geode
#bb88ff
Greenblack
#373a3a
Lake Baikal
#155084
Down Feathers
#fff9e7
Grape's Treasure
#beaecf
Hipsterfication
#88513e
Misted Eve
#a2b7cf
Dawn Grey
#6d7273
Coverts Wood Pigeon
#d4cdd2
Fall Leaves
#c17a3c
Glacier Bay
#def2ee
Friar Tuck
#ddb994
Aqua Dream
#b7c9b5
Crunchy Carrot
#ea5013
Elysian Green
#a5b145
Arnica
#bf8f37
Moussaka
#6d2a13
Pickled Beets
#aa0044
Frosty White Blue
#cce9e4
Glitter Lake
#44bbff
Lemures
#bfb9d4
Olive Branch
#646a45
Downing Earth
#887b67
Candlelight Ivory
#fcf4e2
Pistachio Shortbread
#c7bb73
Blue By You
#a0b7ba
Blue Shutters
#93bde7
rating-img
Rate this tool
NaN/5   0 votes