#05696b Color Hex Aqua Obscura

Information about Aqua Obscura Color | #0000FF

#05696b color RGB value is (5,105,107). #05696b color name is Aqua Obscura color.

#05696b hex color red value is 5 , green value is 105 and the blue value of its RGB is 107 . Cylindrical-coordinate representations (also known as HSL) of color #05696b hue: 181 , saturation: 91 and the lightness value of #05696b is 22

The process color (four color CMYK) of #05696b color hex is 37 , 1 ,0, 23 .

#05696b

~Aqua Obscura

Color Converions

HEX
#05696b
RGB
5,105,107
LAB
40,-25,-9
CMYK
95,2,0,58
LCH
40,27,-161
XYZ
8,11,16
HSV
181,95,42
HSL
181,91,22

Base Numbers

Base Red Green Blue
Binary 101 1101001 1101011
Octal 5 151 153
Decimal 5 105 107
Hex 05 69 6b

RGB Percentages of Color #05696b

2%
41%
42%

CMYK Percentages of Color #05696b

37%
0%
1%
23%

Color Variations

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

Shades of #05696b

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

10%
#05696b
20%
#055e60
30%
#045456
40%
#04494b
50%
#033f40
60%
#033435
70%
#022a2b
80%
#021f20
90%
#011515
100%
#010a0b

Tints of #05696b

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

10%
#05696b
20%
#1e787a
30%
#378789
40%
#509697
50%
#69a5a6
60%
#82b4b5
70%
#9bc3c4
80%
#b4d2d3
90%
#cde1e1
100%
#e6f0f0

Tones of #05696b

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

10%
#05696b
20%
#116b6d
30%
#1e6e6f
40%
#2a7071
50%
#367273
60%
#427475
70%
#4f7777
80%
#5b7979
90%
#677b7b
100%
#737d7d

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.
#05696b
#056b44
#056b59
#05696b
#05556b
#05406b

Complementary

Complementary color schemes are made by picking two opposite colors con the color wheel. They appear vibrant near to each other.
#05696b
#6b0705

Split complementary

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#05696b
#1b056b
#6b4405

Triadic

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
#05696b
#6b0569
#696b05

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.
#05696b
#3a056b
#6b0705
#366b05

Monochromatic

Colors of the same hue with luminance values +/-50%. Subtle and refined.
#05696b
#079395
#09bcc0
#0be6ea
#011616
#033f40

Blindness simulator

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

Normal

#05696b

protanopia

#5e5e64

deuteranopia

#5f5c6f

tritanopia

#166870

achromatopsia

#545454

protanomaly

#3e6267

deuteranomaly

#3e616e

achromatopsia

#545454

tritanomaly

#10686e

achromatomaly

#375c5c

Contrast Checker

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

White background

Good 6/21
Hello World ! 6

Black background-color

Poor 3/21
Hello World !

#05696b Color CSS Codes

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

#05696b Text Font Color

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

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

#05696b Background Color

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

#05696b Border Color

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

This div border color is #05696b

#05696b Color CSS Codes Examples

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

Text Shadow with Hex Values

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

This text has shadow with hex values.


Div Box Shadow

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

This div box has shadow with color #05696b

More Colors

Milk White
#dcd9cd
Angelic Choir
#e9d9dc
Magenta Dye
#ca1f7b
Pale Jade
#77c3b4
C64 Blue
#003aff
Persian Pink
#f77fbe
Dwindling Denim
#cce1ee
Gull Feather
#c2c2bc
Oakley Apricot
#e0b695
Pink Zest
#f2d8cd
Cracked Pepper
#4f5152
Bleeding Crimson
#9b1414
Hidden Glade
#98ad8e
Man Cave
#816045
Belgian Waffle
#f3dfb6
Grayve-Yard
#a1a19f
Dainty Flower
#e9dfe5
Golden Buff
#f8e6c8
Dark Sage
#6d765b
Akira Red
#e12120
French Pink
#fd6c9e
Lighthearted Pink
#edd5dd
Ballerina Gown
#f9eaea
Blinking Blue
#0033ff
Ice Breaker
#d4e7e7
Light Dedication
#fce9d5
Alliance
#2b655f
Emerald Succulent
#55aaaa
Charming Pink
#edd3d2
Brownish Grey
#86775f
Ebizome Purple
#6d2b50
Flattery
#6b4424
Assassin's Red
#f60206
Italian Fitch
#d0c8e6
Cozumel
#0aafa4
Energise
#7cca6b
Pale Celery
#e9e9c7
Lemon Surprise
#e1bc5c
Green Globe
#79aa87
Garden Promenade
#a4a99b
rating-img
Rate this tool
NaN/5   0 votes