#00a29e Color Hex Aqua Velvet

Information about Aqua Velvet Color | #0000FF

#00a29e color RGB value is (0,162,158). #00a29e color name is Aqua Velvet color.

#00a29e hex color red value is 0 , green value is 162 and the blue value of its RGB is 158 . Cylindrical-coordinate representations (also known as HSL) of color #00a29e hue: 179 , saturation: 100 and the lightness value of #00a29e is 32

The process color (four color CMYK) of #00a29e color hex is 39 , 0 ,1, 14 .

#00a29e

~Aqua Velvet

Color Converions

HEX
#00a29e
RGB
0,162,158
LAB
60,-37,-9
CMYK
100,0,2,36
LCH
60,38,-167
XYZ
19,28,37
HSV
179,100,64
HSL
179,100,32

Base Numbers

Base Red Green Blue
Binary 0 10100010 10011110
Octal 0 242 236
Decimal 0 162 158
Hex 00 a2 9e

RGB Percentages of Color #00a29e

0%
64%
62%

CMYK Percentages of Color #00a29e

39%
1%
0%
14%

Color Variations

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

Shades of #00a29e

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

10%
#00a29e
20%
#00928e
30%
#00827e
40%
#00716f
50%
#00615f
60%
#00514f
70%
#00413f
80%
#00312f
90%
#002020
100%
#001010

Tints of #00a29e

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

10%
#00a29e
20%
#1aaba8
30%
#33b5b1
40%
#4dbebb
50%
#66c7c5
60%
#80d1cf
70%
#99dad8
80%
#b3e3e2
90%
#ccecec
100%
#e5f6f5

Tones of #00a29e

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

10%
#00a29e
20%
#0d9f9b
30%
#1a9b98
40%
#269895
50%
#339492
60%
#40918f
70%
#4d8d8c
80%
#598a89
90%
#668686
100%
#738383

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.
#00a29e
#00a25d
#00a27e
#00a29e
#0086a2
#0065a2

Complementary

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

Split complementary

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#00a29e
#1c00a2
#a25d00

Triadic

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
#00a29e
#9e00a2
#a29e00

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.
#00a29e
#4d00a2
#a20004
#55a200

Monochromatic

Colors of the same hue with luminance values +/-50%. Subtle and refined.
#00a29e
#00ccc7
#00f7f1
#002222
#004d4b
#007775

Blindness simulator

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

Normal

#00a29e

protanopia

#918f93

deuteranopia

#948ca4

tritanopia

#239eab

achromatopsia

#7f7f7f

protanomaly

#5c9697

deuteranomaly

#5e94a2

achromatopsia

#7f7f7f

tritanomaly

#16a0a6

achromatomaly

#518c8a

Contrast Checker

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

White background

Poor 3/21
Hello World ! 3

Black background-color

Good 7/21
Hello World !

#00a29e Color CSS Codes

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

#00a29e Text Font Color

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

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

#00a29e Background Color

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

#00a29e Border Color

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

This div border color is #00a29e

#00a29e Color CSS Codes Examples

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

Text Shadow with Hex Values

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

This text has shadow with hex values.


Div Box Shadow

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

This div box has shadow with color #00a29e

More Colors

Genoa
#31796d
Old Doeskin
#bdab9b
Across the Bay
#b3e1e8
Cherry Cocoa
#8e5e65
Heavenly Song
#fbd9c6
Lusty Lips
#d5174e
Golden Patina
#e4aa76
Alaskan Grey
#bcbebc
Open Sesame
#f8e2a9
Mission Stone
#dac5b6
Fresh Pink
#e19091
Gingko Tree
#918260
Amelia
#beccc2
Aleutian
#9a9eb3
Brown Pod
#3c241b
Brownish Pink
#c27e79
Iron River
#4d504b
Dodie Yellow
#fef65b
Baltic Trench
#125761
French Silk
#c0c6d2
Buddha's Love Handles
#ffbb33
Labrador's Locks
#d6c575
Night Mission
#5e5c50
Denim
#2243b6
Ballet Cream
#fc8258
Bee Hall
#f2cc64
Desert Camel
#c2ae88
Light Light Blush
#eed2d7
Opulent Ostrich
#775577
Buoyancy
#79b0b6
Guava Green
#a18d0d
Metallic Mist
#cdccbe
Limeño Limón
#f8b109
Jewett White
#e6ddca
Brownish Purple Red
#8d746f
Botanical Beauty
#227700
Marina Isle
#b1c8bf
Medium Slate Blue
#7b68ee
Light Opale
#c1e8ea
Pine Needle
#334d41
rating-img
Rate this tool
NaN/5   0 votes