#bae7c7 Color Hex Canton Jade

Information about Canton Jade Color | #0000FF

#bae7c7 color RGB value is (186,231,199). #bae7c7 color name is Canton Jade color.

#bae7c7 hex color red value is 186 , green value is 231 and the blue value of its RGB is 199 . Cylindrical-coordinate representations (also known as HSL) of color #bae7c7 hue: 137 , saturation: 48 and the lightness value of #bae7c7 is 82

The process color (four color CMYK) of #bae7c7 color hex is 8 , 0 ,5, 4 .

#bae7c7

~Canton Jade

Color Converions

HEX
#bae7c7
RGB
186,231,199
LAB
88,-20,11
CMYK
19,0,14,9
LCH
88,22,152
XYZ
59,72,65
HSV
137,19,91
HSL
137,48,82

Base Numbers

Base Red Green Blue
Binary 10111010 11100111 11000111
Octal 272 347 307
Decimal 186 231 199
Hex ba e7 c7

RGB Percentages of Color #bae7c7

73%
91%
78%

CMYK Percentages of Color #bae7c7

8%
5%
0%
4%

Color Variations

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

Shades of #bae7c7

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

10%
#bae7c7
20%
#a7d0b3
30%
#95b99f
40%
#82a28b
50%
#708b77
60%
#5d7464
70%
#4a5c50
80%
#38453c
90%
#252e28
100%
#131714

Tints of #bae7c7

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

10%
#bae7c7
20%
#c1e9cd
30%
#c8ecd2
40%
#cfeed8
50%
#d6f1dd
60%
#ddf3e3
70%
#e3f5e9
80%
#eaf8ee
90%
#f1faf4
100%
#f8fdf9

Tones of #bae7c7

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

10%
#bae7c7
20%
#b4ddc0
30%
#aed2b9
40%
#a8c8b2
50%
#a3beaa
60%
#9db3a3
70%
#97a99c
80%
#919f95
90%
#8b948e
100%
#858a87

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.
#bae7c7
#bfe7ba
#bae7be
#bae7c7
#bae7d0
#bae7d9

Complementary

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

Split complementary

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

Triadic

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

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.
#bae7c7
#bac3e7
#e7bada
#e7ddba

Monochromatic

Colors of the same hue with luminance values +/-50%. Subtle and refined.
#bae7c7
#0f1210
#313d35
#536759
#76927e
#98bca2

Blindness simulator

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

Normal

#bae7c7

protanopia

#e6dbc0

deuteranopia

#f7d4cc

tritanopia

#c2e0f1

achromatopsia

#dbdbdb

protanomaly

#d6dfc3

deuteranomaly

#e1dbca

achromatopsia

#dbdbdb

tritanomaly

#bfe2e2

achromatomaly

#cfdfd4

Contrast Checker

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

White background

Poor 1/21
Hello World ! 1

Black background-color

Good 15/21
Hello World !

#bae7c7 Color CSS Codes

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

#bae7c7 Text Font Color

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

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

#bae7c7 Background Color

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

#bae7c7 Border Color

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

This div border color is #bae7c7

#bae7c7 Color CSS Codes Examples

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

Text Shadow with Hex Values

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

This text has shadow with hex values.


Div Box Shadow

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

This div box has shadow with color #bae7c7

More Colors

Green Grey
#7ea07a
Blonde Beauty
#f2efcd
Gentle Aquamarine
#97cbd2
Amazon Green
#786a4a
Burlap Grey
#81717e
Objectivity
#bbc6de
Olympic Range
#424c44
Bunglehouse Blue
#46616e
Dried Lilac
#bbbbff
Esprit Peach
#ffc49d
Box Office
#898790
Delltone
#8ec39e
Carroburg Crimson
#a82a70
English Meadow
#028a52
Partial Pink
#ffedf8
Haystacks
#cfac47
Cashmere Sweater
#fef2d2
Jittery Jade
#77eebb
CGA Blue
#56ffff
Last Light Blue
#475f94
Blarney
#00a776
Pearl Yellow
#f1e3bc
Flagstaff Green
#b3bfb0
Lemon Ice Yellow
#f6e2a7
Healing Aloe
#b9cab3
Polished Silver
#c5d1da
Fuegan Orange
#c77e4d
Elemental Grey
#a0a09f
Forbidden Forest
#215354
Cherry Cordial
#ebbed3
Elegant Midnight
#5500bb
Antique Candle Light
#f4e1d6
Pearls and Lace
#eee7dc
Cliff Swallow
#ecddd4
Heavy Charcoal
#565350
Knight Rider
#0f0707
Birch Leaf Green
#637e1d
Bubble
#eaf5e7
Guild Grey
#d2d1cb
rating-img
Rate this tool
NaN/5   0 votes