#80d9cc Color Hex Mintos

Information about Mintos Color | #0000FF

#80d9cc color RGB value is (128,217,204). #80d9cc color name is Mintos color.

#80d9cc hex color red value is 128 , green value is 217 and the blue value of its RGB is 204 . Cylindrical-coordinate representations (also known as HSL) of color #80d9cc hue: 171 , saturation: 54 and the lightness value of #80d9cc is 68

The process color (four color CMYK) of #80d9cc color hex is 16 , 0 ,2, 6 .

#80d9cc

~Mintos

Color Converions

HEX

#80d9cc

RGB

128,217,204

LAB

81,-30,-2

CMYK

41,0,6,15

LCH

81,30,-175

XYZ

45,59,66

HSV

171,41,85

HSL

171,54,68

LUV

Base Numbers

Base	Red	Green	Blue
Binary	10000000	11011001	11001100
Octal	200	331	314
Decimal	128	217	204
Hex	80	d9	cc

RGB Percentages of Color #80d9cc

50%

85%

80%

CMYK Percentages of Color #80d9cc

16%

Color Variations

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

Shades of #80d9cc

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

10%

#80d9cc

20%

#73c3b8

30%

#66aea3

40%

#5a988f

50%

#4d827a

60%

#406d66

70%

#335752

80%

#26413d

90%

#1a2b29

100%

#0d1614

Tints of #80d9cc

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

10%

#80d9cc

20%

#8dddd1

30%

#99e1d6

40%

#a6e4db

50%

#b3e8e0

60%

#c0ece6

70%

#ccf0eb

80%

#d9f4f0

90%

#e6f7f5

100%

#f2fbfa

Tones of #80d9cc

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

10%

#80d9cc

20%

#80d0c4

30%

#80c7bd

40%

#80beb5

50%

#80b5ad

60%

#80aca6

70%

#80a39e

80%

#809a96

90%

#80918f

100%

#808887

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.

#80d9cc

#80d9a8

#80d9ba

#80d9cc

#80d4d9

#80c2d9

Complementary

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

#80d9cc

#d9808d

Split complementary

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

#80d9cc

#8580d9

#d9a880

Triadic

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

#80d9cc

#cc80d9

#d9cc80

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.

#80d9cc

#9f80d9

#d9808d

#b9d980

Monochromatic

Colors of the same hue with luminance values +/-50%. Subtle and refined.

#80d9cc

#030404

#1c2f2c

#355954

#4e847c

#67aea4

Blindness simulator

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

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 13/21

Hello World !

#80d9cc Color CSS Codes

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

#80d9cc Text Font Color

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

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

#80d9cc Background Color

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

Div content here

#80d9cc Border Color

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

This div border color is #80d9cc

#80d9cc Color CSS Codes Examples

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

Text Shadow with Hex Values

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

This text has shadow with hex values.

Div Box Shadow

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

This div box has shadow with color #80d9cc