#80c4a9 Color Hex Green Balloon

Information about Green Balloon Color | #0000FF

#80c4a9 color RGB value is (128,196,169). #80c4a9 color name is Green Balloon color.

#80c4a9 hex color red value is 128 , green value is 196 and the blue value of its RGB is 169 . Cylindrical-coordinate representations (also known as HSL) of color #80c4a9 hue: 156 , saturation: 37 and the lightness value of #80c4a9 is 64

The process color (four color CMYK) of #80c4a9 color hex is 14 , 0 ,5, 9 .

#80c4a9

~Green Balloon

Color Converions

HEX
#80c4a9
RGB
128,196,169
LAB
74,-27,6
CMYK
35,0,14,23
LCH
74,28,167
XYZ
36,47,45
HSV
156,35,77
HSL
156,37,64

Base Numbers

Base Red Green Blue
Binary 10000000 11000100 10101001
Octal 200 304 251
Decimal 128 196 169
Hex 80 c4 a9

RGB Percentages of Color #80c4a9

50%
77%
66%

CMYK Percentages of Color #80c4a9

14%
5%
0%
9%

Color Variations

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

Shades of #80c4a9

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

10%
#80c4a9
20%
#73b098
30%
#669d87
40%
#5a8976
50%
#4d7665
60%
#406254
70%
#334e44
80%
#263b33
90%
#1a2722
100%
#0d1411

Tints of #80c4a9

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

10%
#80c4a9
20%
#8dcab2
30%
#99d0ba
40%
#a6d6c3
50%
#b3dccb
60%
#c0e2d4
70%
#cce7dd
80%
#d9ede5
90%
#e6f3ee
100%
#f2f9f6

Tones of #80c4a9

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

10%
#80c4a9
20%
#80bda5
30%
#80b6a1
40%
#80af9d
50%
#80a998
60%
#80a294
70%
#809b90
80%
#80948c
90%
#808d88
100%
#808684

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.
#80c4a9
#80c48e
#80c49b
#80c4a9
#80c4b7
#80c4c4

Complementary

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

Split complementary

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#80c4a9
#808dc4
#c48e80

Triadic

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
#80c4a9
#a980c4
#c4a980

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.
#80c4a9
#8780c4
#c4809b
#bdc480

Monochromatic

Colors of the same hue with luminance values +/-50%. Subtle and refined.
#80c4a9
#9ceece
#111a16
#2d443b
#486f60
#649984

Blindness simulator

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

Normal

#80c4a9

protanopia

#bdb4a1

deuteranopia

#caafae

tritanopia

#89bdcc

achromatopsia

#b4b4b4

protanomaly

#a7baa4

deuteranomaly

#afb6ac

achromatopsia

#b4b4b4

tritanomaly

#86c0bf

achromatomaly

#a1bab0

Contrast Checker

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

White background

Poor 2/21
Hello World ! 2

Black background-color

Good 10/21
Hello World !

#80c4a9 Color CSS Codes

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

#80c4a9 Text Font Color

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

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

#80c4a9 Background Color

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

#80c4a9 Border Color

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

This div border color is #80c4a9

#80c4a9 Color CSS Codes Examples

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

Text Shadow with Hex Values

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

This text has shadow with hex values.


Div Box Shadow

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

This div box has shadow with color #80c4a9

More Colors

Apple Blossom
#ddbca0
Pale Periwinkle
#c8d2e2
Magenta Pink
#cc338b
Bright Mango
#ff8830
Love Potion
#c01352
Love In A Mist
#e1b9c2
Metalise
#34373c
Lake Thun
#44bbdd
Light Shōtoku Purple
#aa55ee
Polar
#e5f2e7
Fleur-De-Lis
#b090c7
Pinecone Path
#574745
Monarchy
#9093ad
Fern Green
#008c45
Noble Hatter's Violet
#51384a
Aloe Cream
#dbe5b9
Beauty Patch
#834f44
Curds and Whey
#bca483
Light Chintz
#e0d5c9
Lip Gloss
#dfcdc7
Operetta Mauve
#3a284c
Fudge Bar
#997964
Mary Rose
#d7b1b0
Cupid's Arrow
#ee6b8b
Bling Bling
#eef0ce
Exclusively
#6b515f
Antique Grey
#69576d
Hills of Ireland
#417b42
Head in the Clouds
#d1dde1
Blue Nights
#363b48
Physalis Peal
#e1d8bb
Funnel Cloud
#113366
Granada Sky
#5d81bb
Elegant Ice
#c4b9b7
Green Elisabeth Ⅱ
#bbcc11
Frank Blue
#225288
Big Dipper
#41494b
Dune Beige
#c3a491
Elk Skin
#eae6dc
King Crimson
#c64a4a
rating-img
Rate this tool
NaN/5   0 votes