#00a877 Color Hex Dragon Scale

Information about Dragon Scale Color | #0000FF

#00a877 color RGB value is (0,168,119). #00a877 color name is Dragon Scale color.

#00a877 hex color red value is 0 , green value is 168 and the blue value of its RGB is 119 . Cylindrical-coordinate representations (also known as HSL) of color #00a877 hue: 163 , saturation: 100 and the lightness value of #00a877 is 33

The process color (four color CMYK) of #00a877 color hex is 39 , 0 ,11, 13 .

#00a877

~Dragon Scale

Color Converions

HEX
#00a877
RGB
0,168,119
LAB
61,-47,15
CMYK
100,0,29,34
LCH
61,50,163
XYZ
17,29,22
HSV
163,100,66
HSL
163,100,33

Base Numbers

Base Red Green Blue
Binary 0 10101000 1110111
Octal 0 250 167
Decimal 0 168 119
Hex 00 a8 77

RGB Percentages of Color #00a877

0%
66%
47%

CMYK Percentages of Color #00a877

39%
11%
0%
13%

Color Variations

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

Shades of #00a877

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

10%
#00a877
20%
#00976b
30%
#00865f
40%
#007653
50%
#006547
60%
#00543b
70%
#004330
80%
#003224
90%
#002218
100%
#00110c

Tints of #00a877

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

10%
#00a877
20%
#1ab185
30%
#33b992
40%
#4dc2a0
50%
#66cbad
60%
#80d4bb
70%
#99dcc9
80%
#b3e5d6
90%
#cceee4
100%
#e5f6f1

Tones of #00a877

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

10%
#00a877
20%
#0da478
30%
#1aa079
40%
#269c7a
50%
#33987a
60%
#40947b
70%
#4d907c
80%
#598c7d
90%
#66887e
100%
#73847f

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.
#00a877
#00a834
#00a855
#00a877
#00a899
#0096a8

Complementary

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

Split complementary

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#00a877
#000fa8
#a83400

Triadic

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
#00a877
#7700a8
#a87700

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.
#00a877
#2300a8
#a80031
#85a800

Monochromatic

Colors of the same hue with luminance values +/-50%. Subtle and refined.
#00a877
#00d295
#00fdb3
#00281d
#00533b
#007d59

Blindness simulator

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

Normal

#00a877

protanopia

#9d926e

deuteranopia

#a88d7f

tritanopia

#3c9fac

achromatopsia

#818181

protanomaly

#649a71

deuteranomaly

#6b977c

achromatopsia

#818181

tritanomaly

#26a299

achromatomaly

#528f7d

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 !

#00a877 Color CSS Codes

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

#00a877 Text Font Color

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

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

#00a877 Background Color

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

#00a877 Border Color

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

This div border color is #00a877

#00a877 Color CSS Codes Examples

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

Text Shadow with Hex Values

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

This text has shadow with hex values.


Div Box Shadow

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

This div box has shadow with color #00a877

More Colors

Lion Cub
#f9cda4
Fern Grotto
#536943
Nature's Gift
#99a399
Amber
#ffbf00
Meteorite
#4a3b6a
Angelic Choir
#e9d9dc
Mauveine
#8a6d8b
Crossed Fingers
#ddb596
Icy Waterfall
#c0d2d0
Bermudan Blue
#386171
Lemon
#fff700
Icecap
#c3d6e0
Monorail Silver
#b8bcbb
Hollywood Asparagus
#dee7d4
Aqua Spring
#e8f3e8
Little Valley
#a4a191
North Island
#bcb6b4
Pastel Lilac
#bdb0d0
Green Caterpillar
#98be3c
Conch Pink
#dba496
Functional Blue
#3f6086
Echo Iris
#b6dff4
Buttercup Yellow
#e3c2a3
La Terra
#ea936e
Dusty Yellow
#d4cc9a
Electric Lavender
#f4bfff
Midsummer Dream
#b7a5ad
Awkward Purple
#d208cc
Island Spice
#f8eddb
Night Tan
#ab967b
Plantain
#97943b
Placebo Orange
#fcf5eb
La-De-Dah
#c3b1be
Antigua Sunrise
#ffe7c8
Phlox Flower Violet
#7f4f78
Pearly Star
#e4e4da
Loom of Fate
#454151
Gratifying Green
#dae2cd
Ferra
#876a68
rating-img
Rate this tool
NaN/5   0 votes