#3aa098 Color Hex Baltic Green

Information about Baltic Green Color | #0000FF

#3aa098 color RGB value is (58,160,152). #3aa098 color name is Baltic Green color.

#3aa098 hex color red value is 58 , green value is 160 and the blue value of its RGB is 152 . Cylindrical-coordinate representations (also known as HSL) of color #3aa098 hue: 175 , saturation: 47 and the lightness value of #3aa098 is 43

The process color (four color CMYK) of #3aa098 color hex is 25 , 0 ,2, 15 .

#3aa098

~Baltic Green

Color Converions

HEX
#3aa098
RGB
58,160,152
LAB
60,-32,-5
CMYK
64,0,5,37
LCH
60,32,-171
XYZ
20,28,34
HSV
175,64,63
HSL
175,47,43

Base Numbers

Base Red Green Blue
Binary 111010 10100000 10011000
Octal 72 240 230
Decimal 58 160 152
Hex 3a a0 98

RGB Percentages of Color #3aa098

23%
63%
60%

CMYK Percentages of Color #3aa098

25%
2%
0%
15%

Color Variations

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

Shades of #3aa098

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

10%
#3aa098
20%
#349089
30%
#2e807a
40%
#29706a
50%
#23605b
60%
#1d504c
70%
#17403d
80%
#11302e
90%
#0c201e
100%
#06100f

Tints of #3aa098

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

10%
#3aa098
20%
#4eaaa2
30%
#61b3ad
40%
#75bcb7
50%
#89c6c1
60%
#9dcfcc
70%
#b0d9d6
80%
#c4e2e0
90%
#d8ecea
100%
#ebf5f5

Tones of #3aa098

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

10%
#3aa098
20%
#419d96
30%
#489a93
40%
#4f9691
50%
#56938e
60%
#5d908c
70%
#648d89
80%
#6b8987
90%
#728684
100%
#798382

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.
#3aa098
#3aa06f
#3aa084
#3aa098
#3a94a0
#3a7fa0

Complementary

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

Split complementary

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#3aa098
#463aa0
#a06f3a

Triadic

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
#3aa098
#983aa0
#a0983a

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.
#3aa098
#653aa0
#a03a42
#75a03a

Monochromatic

Colors of the same hue with luminance values +/-50%. Subtle and refined.
#3aa098
#49cac0
#59f5e9
#0c201f
#1b4b47
#2b7570

Blindness simulator

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

Normal

#3aa098

protanopia

#938f8e

deuteranopia

#988c9d

tritanopia

#469ca8

achromatopsia

#8a8a8a

protanomaly

#729592

deuteranomaly

#76939b

achromatopsia

#8a8a8a

tritanomaly

#419da2

achromatomaly

#6d928f

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

#3aa098 Color CSS Codes

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

#3aa098 Text Font Color

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

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

#3aa098 Background Color

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

#3aa098 Border Color

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

This div border color is #3aa098

#3aa098 Color CSS Codes Examples

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

Text Shadow with Hex Values

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

This text has shadow with hex values.


Div Box Shadow

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

This div box has shadow with color #3aa098

More Colors

Caribbean Pleasure
#d5dcce
Pale Periwinkle
#c8d2e2
Garden of Eden
#7fa771
Ginkgo Green
#a5aca4
Cowboy
#443736
Land Light
#dfcaaa
Pink Booties
#efe1e4
Cricket
#a6a081
Cedar Wood
#a1655b
Panache Pink
#edc9d5
Pink Glow
#ffece0
Pinkish Tan
#d99b82
Dark as Night
#495252
Happy Hearts
#d46362
Grass Court
#088d46
Pacific Coast
#5480ac
Pale Khaki
#998877
OK Corral
#d07360
Engagement Silver
#c2c6c0
Creamy White
#f0e9d6
Crowned One
#d4b597
Copper Rose
#996666
Lorian
#8ebcbd
Lavender Oil
#c0c0ca
Cumulus Cloud
#b0c6df
Birth of a Star
#fce9df
Plushy Pink
#eab7a8
Breakaway Blue
#424d60
First Plum
#b87592
Hydrangea Blossom
#a6aebe
Breezy Touch
#c1d9e9
Orestes
#9e9b85
Icy Lilac
#e6e9f9
Malevolent Mauve
#bb6688
Miami Jade
#17917f
Flaming Flamingo
#dd55ff
Fern Shade
#797447
Delicate White
#f1f2ee
Active Volcano
#bb1133
Blossoming Dynasty
#de5346
rating-img
Rate this tool
NaN/5   0 votes