#748697 Color Hex Apollo Bay

Information about Apollo Bay Color | #0000FF

#748697 color RGB value is (116,134,151). #748697 color name is Apollo Bay color.

#748697 hex color red value is 116 , green value is 134 and the blue value of its RGB is 151 . Cylindrical-coordinate representations (also known as HSL) of color #748697 hue: 209 , saturation: 14 and the lightness value of #748697 is 52

The process color (four color CMYK) of #748697 color hex is 9 , 4 ,0, 16 .

#748697

~Apollo Bay

Color Converions

HEX
#748697
RGB
116,134,151
LAB
55,-4,-11
CMYK
23,11,0,41
LCH
55,12,-108
XYZ
21,23,33
HSV
209,23,59
HSL
209,14,52

Base Numbers

Base Red Green Blue
Binary 1110100 10000110 10010111
Octal 164 206 227
Decimal 116 134 151
Hex 74 86 97

RGB Percentages of Color #748697

45%
53%
59%

CMYK Percentages of Color #748697

9%
0%
4%
16%

Color Variations

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

Shades of #748697

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

10%
#748697
20%
#687988
30%
#5d6b79
40%
#515e6a
50%
#46505b
60%
#3a434c
70%
#2e363c
80%
#23282d
90%
#171b1e
100%
#0c0d0f

Tints of #748697

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

10%
#748697
20%
#8292a1
30%
#909eac
40%
#9eaab6
50%
#acb6c1
60%
#bac3cb
70%
#c7cfd5
80%
#d5dbe0
90%
#e3e7ea
100%
#f1f3f5

Tones of #748697

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

10%
#748697
20%
#758595
30%
#768592
40%
#778490
50%
#79838e
60%
#7a838b
70%
#7b8289
80%
#7c8187
90%
#7d8184
100%
#7e8082

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.
#748697
#749497
#748d97
#748697
#747f97
#747897

Complementary

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

Split complementary

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#748697
#8c7497
#949774

Triadic

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
#748697
#977486
#869774

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.
#748697
#967497
#978574
#749774

Monochromatic

Colors of the same hue with luminance values +/-50%. Subtle and refined.
#748697
#95acc1
#b5d1ec
#121517
#333b42
#53606c

Blindness simulator

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

Normal

#748697

protanopia

#808294

deuteranopia

#868097

tritanopia

#728690

achromatopsia

#838383

protanomaly

#7c8395

deuteranomaly

#7f8297

achromatopsia

#838383

tritanomaly

#738693

achromatomaly

#7e848b

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 6/21
Hello World !

#748697 Color CSS Codes

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

#748697 Text Font Color

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

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

#748697 Background Color

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

#748697 Border Color

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

This div border color is #748697

#748697 Color CSS Codes Examples

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

Text Shadow with Hex Values

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

This text has shadow with hex values.


Div Box Shadow

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

This div box has shadow with color #748697

More Colors

Motto
#917c6f
Dusty Sand
#bdbaae
Beggar
#5a4d39
Furry Lion
#f09338
Estate Blue
#233658
Ice Plant
#cf7ead
Delicate Lilac Crystal
#d7d2e2
Crystal Falls
#e1e6f2
Orangevale
#e88354
Beach White
#f6eed6
Juzcar Blue
#a1d5f1
Coastal Sand
#c9a985
Jazzy Jade
#55ddcc
Echo Mist
#d8dfdf
Lemon Rose
#fbe9ac
Dawn Light
#fadfa9
Child of the Moon
#c68d37
Abyssal Waters
#005765
Coralette
#f08674
Angry Pasta
#ffcc55
Olympus White
#d4d8d7
Candy Corn
#fcfc5d
Hybrid
#d0cda9
Moonlit Ocean
#293b4d
Imagination
#dfe0ee
New Wheat
#d7b57f
Calypso Green
#2e5f60
Play on Grey
#bab6a9
End of the Rainbow
#d2eed6
Christmas Green
#3c8d0d
Amberized
#aa8559
Glacial
#d1dad7
Blue Graphite
#323137
Fěn Hóng Pink
#ff6cb5
DaVanzo Green
#58936d
Chinese Gold
#ddaa00
Bracken
#5b3d27
Incognito
#8e8e82
Fresh Blue of Bel Air
#069af3
rating-img
Rate this tool
NaN/5   0 votes