#86cdab Color Hex Marooned

Information about Marooned Color | #0000FF

#86cdab color RGB value is (134,205,171). #86cdab color name is Marooned color.

#86cdab hex color red value is 134 , green value is 205 and the blue value of its RGB is 171 . Cylindrical-coordinate representations (also known as HSL) of color #86cdab hue: 151 , saturation: 42 and the lightness value of #86cdab is 66

The process color (four color CMYK) of #86cdab color hex is 14 , 0 ,7, 8 .

#86cdab

~Marooned

Color Converions

HEX
#86cdab
RGB
134,205,171
LAB
77,-29,10
CMYK
35,0,17,20
LCH
77,30,162
XYZ
39,52,46
HSV
151,35,80
HSL
151,42,66

Base Numbers

Base Red Green Blue
Binary 10000110 11001101 10101011
Octal 206 315 253
Decimal 134 205 171
Hex 86 cd ab

RGB Percentages of Color #86cdab

53%
80%
67%

CMYK Percentages of Color #86cdab

14%
7%
0%
8%

Color Variations

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

Shades of #86cdab

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

10%
#86cdab
20%
#79b99a
30%
#6ba489
40%
#5e8f78
50%
#507b67
60%
#436656
70%
#365244
80%
#283d33
90%
#1b2922
100%
#0d1411

Tints of #86cdab

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

10%
#86cdab
20%
#92d2b3
30%
#9ed7bc
40%
#aadcc4
50%
#b6e1cd
60%
#c3e6d5
70%
#cfebdd
80%
#dbf0e6
90%
#e7f5ee
100%
#f3faf7

Tones of #86cdab

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

10%
#86cdab
20%
#85c5a7
30%
#85bea2
40%
#84b69e
50%
#83ae9a
60%
#83a695
70%
#829f91
80%
#81978d
90%
#818f88
100%
#808784

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.
#86cdab
#86cd8f
#86cd9d
#86cdab
#86cdb9
#86cdc7

Complementary

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

Split complementary

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#86cdab
#869acd
#cd8f86

Triadic

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

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.
#86cdab
#8786cd
#cd86a8
#cbcd86

Monochromatic

Colors of the same hue with luminance values +/-50%. Subtle and refined.
#86cdab
#a2f7ce
#17231d
#334d41
#4e7864
#6aa288

Blindness simulator

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

Normal

#86cdab

protanopia

#c7bca2

deuteranopia

#d5b6b1

tritanopia

#90c5d5

achromatopsia

#bbbbbb

protanomaly

#afc2a5

deuteranomaly

#b8bfaf

achromatopsia

#bbbbbb

tritanomaly

#8cc8c6

achromatomaly

#a8c2b5

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 11/21
Hello World !

#86cdab Color CSS Codes

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

#86cdab Text Font Color

<div style="color:#86cdab">
Div content here</div>

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

#86cdab Background Color

<div style="background-color:#86cdab">
Div content here</div>
Div content here

#86cdab Border Color

<div style="border:3px solid #86cdab">
Div here</div>

This div border color is #86cdab

#86cdab Color CSS Codes Examples

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

Text Shadow with Hex Values

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

This text has shadow with hex values.


Div Box Shadow

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

This div box has shadow with color #86cdab

More Colors

Goldfinch
#f8dc6c
Clear Stone
#e0ddd3
Bella Sera
#40465d
Apple Martini
#f9fdd9
Nothing Less
#f2deb9
Copper Turquoise
#38887f
Moscow Mule
#eecc77
Cowardly Custard
#fbf1c0
Copper Cove
#d89166
Dodge Pole
#a37355
Gold Crest
#df9938
Citra
#f6b906
Frost Blue
#5d9aa6
Orpiment Yellow
#f9c89b
Blue Earth
#375673
Billycart Blue
#4c77a4
Misty Mint
#deecda
Blue Prince
#6a808f
Dark Souls
#a3a3a2
Polypropylene
#eaeae8
House Martin Eggs
#e2e0db
Mauve Madness
#aa7982
Lizard
#71643e
Grant Grey
#918f8a
Peach Smoothie
#ffe5bd
Detroit
#bdd0d1
Oyster Mushroom
#c3c6c8
Briar Rose
#c07281
King Neptune
#7794c0
Appleton
#6eb478
Everlasting Sage
#949587
Goulash
#8d6449
Limesicle
#f2eabf
Desert Panzer
#c0cabc
Mistral
#b8bfcc
O'grady Green
#58ac8f
Cascade Beige
#e7dbca
Flower of Oahu
#f5dfc5
Arizona Stone
#00655a
rating-img
Rate this tool
NaN/5   0 votes