#035e7b Color Hex Blue Edge

Information about Blue Edge Color | #0000FF

#035e7b color RGB value is (3,94,123). #035e7b color name is Blue Edge color.

#035e7b hex color red value is 3 , green value is 94 and the blue value of its RGB is 123 . Cylindrical-coordinate representations (also known as HSL) of color #035e7b hue: 195 , saturation: 95 and the lightness value of #035e7b is 25

The process color (four color CMYK) of #035e7b color hex is 38 , 9 ,0, 20 .

#035e7b

~Blue Edge

Color Converions

HEX
#035e7b
RGB
3,94,123
LAB
36,-16,-23
CMYK
98,24,0,52
LCH
36,28,-124
XYZ
8,9,20
HSV
195,98,48
HSL
195,95,25

Base Numbers

Base Red Green Blue
Binary 11 1011110 1111011
Octal 3 136 173
Decimal 3 94 123
Hex 03 5e 7b

RGB Percentages of Color #035e7b

1%
37%
48%

CMYK Percentages of Color #035e7b

38%
0%
9%
20%

Color Variations

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

Shades of #035e7b

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

10%
#035e7b
20%
#03556f
30%
#024b62
40%
#024256
50%
#02384a
60%
#012f3e
70%
#012631
80%
#011c25
90%
#011319
100%
#00090c

Tints of #035e7b

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

10%
#035e7b
20%
#1c6e88
30%
#357e95
40%
#4f8ea3
50%
#689eb0
60%
#81aebd
70%
#9abfca
80%
#b3cfd7
90%
#cddfe5
100%
#e6eff2

Tones of #035e7b

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

10%
#035e7b
20%
#0f617b
30%
#1c657c
40%
#28687c
50%
#356b7d
60%
#416f7d
70%
#4e727e
80%
#5a757e
90%
#67797f
100%
#737c7f

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.
#035e7b
#037b68
#03767b
#035e7b
#03467b
#032e7b

Complementary

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

Split complementary

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#035e7b
#38037b
#7b6803

Triadic

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
#035e7b
#7b035e
#5e7b03

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.
#035e7b
#5c037b
#7b2003
#227b03

Monochromatic

Colors of the same hue with luminance values +/-50%. Subtle and refined.
#035e7b
#047ea5
#059fd0
#06bffa
#011d26
#023e50

Blindness simulator

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

Normal

#035e7b

protanopia

#4e5674

deuteranopia

#48577d

tritanopia

#006168

achromatopsia

#4d4d4d

protanomaly

#335977

deuteranomaly

#2f597d

achromatopsia

#4d4d4d

tritanomaly

#01606f

achromatomaly

#32535e

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 !

#035e7b Color CSS Codes

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

#035e7b Text Font Color

<div style="color:#035e7b">
Div content here</div>

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

#035e7b Background Color

<div style="background-color:#035e7b">
Div content here</div>
Div content here

#035e7b Border Color

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

This div border color is #035e7b

#035e7b Color CSS Codes Examples

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

Text Shadow with Hex Values

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

This text has shadow with hex values.


Div Box Shadow

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

This div box has shadow with color #035e7b

More Colors

Alloy Orange
#c46210
Creamy
#efe8db
Lost Lake
#b5adb5
Humble Gold
#edc796
Airbrushed Copper
#aa6c51
Pansy Posy
#bca3b4
Ebizome Purple
#6d2b50
Akihabara Arcade
#601ef9
Fresh Blue of Bel Air
#069af3
Milk Thistle
#9e9b88
Dried Pipe Clay
#d8d6cc
Mineral Deposit
#abb0ac
Peony Pink
#e38c7f
Devil's Advocate
#ff3344
Jinzamomi Pink
#f7665a
Aspara
#70b2cc
Kachi Indigo
#393e4f
Citrus Rind
#ede0ae
Drizzle
#a0af9d
Galago
#95a69f
Christmas Holly
#68846a
La-De-Dah
#c3b1be
Light Modesty
#ded5e2
East Bay
#47526e
Aroma Garden
#a1c4a8
Blue Ballet
#576b6b
Parsnip
#d6c69a
Blunt
#b5bbc7
Pixelated Grass
#009337
Caper
#afc182
Glitzy Red
#af413b
Grant Wood Ivy
#a8b989
Morro Bay
#546b78
Menoth White Base
#f3e8b8
Fern Grotto
#536943
Monarchy
#9093ad
Cottage White
#f7efdd
Persimmon Red
#a74e4a
Caraquenian Crimson
#9c0013
Lime Jelly
#e3ff00
rating-img
Rate this tool
NaN/5   0 votes