#93a394 Color Hex Heavenly Garden

Information about Heavenly Garden Color | #0000FF

#93a394 color RGB value is (147,163,148). #93a394 color name is Heavenly Garden color.

#93a394 hex color red value is 147 , green value is 163 and the blue value of its RGB is 148 . Cylindrical-coordinate representations (also known as HSL) of color #93a394 hue: 124 , saturation: 8 and the lightness value of #93a394 is 61

The process color (four color CMYK) of #93a394 color hex is 4 , 0 ,4, 14 .

#93a394

~Heavenly Garden

Color Converions

HEX
#93a394
RGB
147,163,148
LAB
65,-8,6
CMYK
10,0,9,36
LCH
65,10,144
XYZ
30,35,33
HSV
124,10,64
HSL
124,8,61

Base Numbers

Base Red Green Blue
Binary 10010011 10100011 10010100
Octal 223 243 224
Decimal 147 163 148
Hex 93 a3 94

RGB Percentages of Color #93a394

58%
64%
58%

CMYK Percentages of Color #93a394

4%
4%
0%
14%

Color Variations

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

Shades of #93a394

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

10%
#93a394
20%
#849385
30%
#768276
40%
#677268
50%
#586259
60%
#4a514a
70%
#3b413b
80%
#2c312c
90%
#1d211e
100%
#0f100f

Tints of #93a394

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

10%
#93a394
20%
#9eac9f
30%
#a9b5a9
40%
#b3bfb4
50%
#bec8bf
60%
#c9d1ca
70%
#d4dad4
80%
#dfe3df
90%
#e9edea
100%
#f4f6f4

Tones of #93a394

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

10%
#93a394
20%
#919f92
30%
#8f9c90
40%
#8d988e
50%
#8b958c
60%
#89918a
70%
#878e88
80%
#858a86
90%
#838784
100%
#818382

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.
#93a394
#98a393
#95a393
#93a394
#93a397
#93a39a

Complementary

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

Split complementary

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#93a394
#939fa3
#a39398

Triadic

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
#93a394
#9493a3
#a39493

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.
#93a394
#939aa3
#a393a2
#a39c93

Monochromatic

Colors of the same hue with luminance values +/-50%. Subtle and refined.
#93a394
#b9cdbb
#e0f8e1
#202320
#464e47
#6d786d

Blindness simulator

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

Normal

#93a394

protanopia

#a39d90

deuteranopia

#b09896

tritanopia

#969eaa

achromatopsia

#9f9f9f

protanomaly

#9d9f92

deuteranomaly

#a69c95

achromatopsia

#9f9f9f

tritanomaly

#95a0a2

achromatomaly

#9aa09b

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

#93a394 Color CSS Codes

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

#93a394 Text Font Color

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

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

#93a394 Background Color

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

#93a394 Border Color

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

This div border color is #93a394

#93a394 Color CSS Codes Examples

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

Text Shadow with Hex Values

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

This text has shadow with hex values.


Div Box Shadow

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

This div box has shadow with color #93a394

More Colors

Pampered Princess
#f5eaeb
Lime Acid
#afff01
Dried Chervil
#b5bda3
Light Quilt
#fde1d4
Keemun
#a49463
Fresh Apricot
#ffd7a5
Austere Grey
#bebfb2
Pitch Black
#483c41
Elfin Magic
#eddbe9
Gulf Waters
#2da6bf
Pentalon
#dbb2bc
Middle Red Purple
#210837
Madonna
#3f4250
Dallas Dust
#ece0d6
Copperfield
#da8a88
Old Mandarin
#8e2323
Amethyst Smoke
#95879c
Mint Twist
#98cbba
Milestone
#7f848a
Atlantic Fig Snail
#d7ceb9
Fragile
#bbb8d0
Immortal
#c0a9cc
Broken Tube
#060310
Halakā Pīlā
#f0e483
Cobrizo
#b56d5d
Balmy Seas
#b4dcd3
Light Pistachio Tang
#e2dec8
Champagne Pink
#f1ddcf
Betalain Red
#7d655c
Canter Peach
#f6d3bb
Greenish White
#d1f1de
Marron
#6e4c4b
Papaya Yellow Green
#bea932
Middle Red
#e58e73
Petal Tip
#d9d9df
Blue Hyacinth
#8394c5
Beautiful Mint
#d6dad6
Cinereous
#98817b
Egyptian Red
#983f4a
rating-img
Rate this tool
NaN/5   0 votes