#068e9e Color Hex Coral Coast

Information about Coral Coast Color | #0000FF

#068e9e color RGB value is (6,142,158). #068e9e color name is Coral Coast color.

#068e9e hex color red value is 6 , green value is 142 and the blue value of its RGB is 158 . Cylindrical-coordinate representations (also known as HSL) of color #068e9e hue: 186 , saturation: 93 and the lightness value of #068e9e is 32

The process color (four color CMYK) of #068e9e color hex is 38 , 4 ,0, 15 .

#068e9e

~Coral Coast

Color Converions

HEX
#068e9e
RGB
6,142,158
LAB
53,-28,-18
CMYK
96,10,0,38
LCH
53,34,-147
XYZ
16,22,36
HSV
186,96,62
HSL
186,93,32

Base Numbers

Base Red Green Blue
Binary 110 10001110 10011110
Octal 6 216 236
Decimal 6 142 158
Hex 06 8e 9e

RGB Percentages of Color #068e9e

2%
56%
62%

CMYK Percentages of Color #068e9e

38%
0%
4%
15%

Color Variations

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

Shades of #068e9e

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

10%
#068e9e
20%
#05808e
30%
#05727e
40%
#04636f
50%
#04555f
60%
#03474f
70%
#02393f
80%
#022b2f
90%
#011c20
100%
#010e10

Tints of #068e9e

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

10%
#068e9e
20%
#1f99a8
30%
#38a5b1
40%
#51b0bb
50%
#6abbc5
60%
#83c7cf
70%
#9bd2d8
80%
#b4dde2
90%
#cde8ec
100%
#e6f4f5

Tones of #068e9e

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

10%
#068e9e
20%
#128d9b
30%
#1e8b98
40%
#2a8a95
50%
#378892
60%
#43878f
70%
#4f858c
80%
#5b8489
90%
#678286
100%
#738183

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.
#068e9e
#069e71
#069e90
#068e9e
#06709e
#06519e

Complementary

Complementary color schemes are made by picking two opposite colors con the color wheel. They appear vibrant near to each other.
#068e9e
#9e1606

Split complementary

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#068e9e
#34069e
#9e7106

Triadic

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
#068e9e
#9e068e
#8e9e06

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.
#068e9e
#62069e
#9e1606
#429e06

Monochromatic

Colors of the same hue with luminance values +/-50%. Subtle and refined.
#068e9e
#08b4c8
#09daf3
#011b1e
#034249
#046873

Blindness simulator

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

Normal

#068e9e

protanopia

#7c7f94

deuteranopia

#7a7da3

tritanopia

#008d99

achromatopsia

#727272

protanomaly

#518498

deuteranomaly

#5083a1

achromatopsia

#727272

tritanomaly

#028e9b

achromatomaly

#4b7c82

Contrast Checker

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

White background

Poor 4/21
Hello World ! 4

Black background-color

Good 5/21
Hello World !

#068e9e Color CSS Codes

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

#068e9e Text Font Color

<div style="color:#068e9e">
Div content here</div>

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

#068e9e Background Color

<div style="background-color:#068e9e">
Div content here</div>
Div content here

#068e9e Border Color

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

This div border color is #068e9e

#068e9e Color CSS Codes Examples

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

Text Shadow with Hex Values

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

This text has shadow with hex values.


Div Box Shadow

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

This div box has shadow with color #068e9e

More Colors

Discretion
#9f6f62
Basil Icing
#e2e6db
Philippine Blue
#0038a7
Dark Topaz
#817c87
Great Grape
#6b6d85
Brown Orange
#b96902
Mythic Forest
#4a686c
Column Of Oak Green
#006f37
Bowser Shell
#536b1f
Blue Hosta
#2a6f73
Circumorbital Ring
#6258c4
Kabacha Brown
#b14a30
Blue Light
#acdfdd
Chinese Gold
#ddaa00
Gazpacho
#c23b22
Cocktail Green
#8eb826
Mulberry Purple
#493c62
Nile Clay
#8b8174
Planter
#339900
Lilac Purple
#a183c0
Petula
#ffbab0
Pistachio Flour
#4f8f00
Cliff Rock
#b19475
Copper Lake
#c09078
Ancient Murasaki Purple
#895b8a
Boiling Mud
#a59c9b
Bread 'n Butter
#ffd182
Messenger Bag
#7d745e
Jade Cream
#60b892
Hillside Green
#8f9783
Ocean Air
#dae4ed
Giraffe
#fefe33
Blue Astro
#50a7d9
Dark Fern
#0a480d
Ballet Rose
#d3adb1
Papaya Punch
#fca289
Light Aroma
#decfd2
Jazzercise
#b6e12a
Deep Orange-coloured Brown
#864735
Arizona Tan
#e5bc82
rating-img
Rate this tool
NaN/5   0 votes