#10a674 Color Hex Bluish Green

Information about Bluish Green Color | #0000FF

#10a674 color RGB value is (16,166,116). #10a674 color name is Bluish Green color.

#10a674 hex color red value is 16 , green value is 166 and the blue value of its RGB is 116 . Cylindrical-coordinate representations (also known as HSL) of color #10a674 hue: 160 , saturation: 82 and the lightness value of #10a674 is 36

The process color (four color CMYK) of #10a674 color hex is 35 , 0 ,12, 14 .

#10a674

~Bluish Green

Color Converions

HEX
#10a674
RGB
16,166,116
LAB
60,-46,15
CMYK
90,0,30,35
LCH
60,49,162
XYZ
17,29,21
HSV
160,90,65
HSL
160,82,36

Base Numbers

Base Red Green Blue
Binary 10000 10100110 1110100
Octal 20 246 164
Decimal 16 166 116
Hex 10 a6 74

RGB Percentages of Color #10a674

6%
65%
45%

CMYK Percentages of Color #10a674

35%
12%
0%
14%

Color Variations

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

Shades of #10a674

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

10%
#10a674
20%
#0e9568
30%
#0d855d
40%
#0b7451
50%
#0a6446
60%
#08533a
70%
#06422e
80%
#053223
90%
#032117
100%
#02110c

Tints of #10a674

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

10%
#10a674
20%
#28af82
30%
#40b890
40%
#58c19e
50%
#70caac
60%
#88d3ba
70%
#9fdbc7
80%
#b7e4d5
90%
#cfede3
100%
#e7f6f1

Tones of #10a674

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

10%
#10a674
20%
#1ba275
30%
#269e76
40%
#319a77
50%
#3d9779
60%
#48937a
70%
#538f7b
80%
#5e8b7c
90%
#69877d
100%
#74837e

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.
#10a674
#10a638
#10a656
#10a674
#10a692
#109ca6

Complementary

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

Split complementary

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#10a674
#1024a6
#a63810

Triadic

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
#10a674
#7410a6
#a67410

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.
#10a674
#2910a6
#a61042
#8da610

Monochromatic

Colors of the same hue with luminance values +/-50%. Subtle and refined.
#10a674
#14d092
#18fbaf
#04261b
#085139
#0c7b56

Blindness simulator

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

Normal

#10a674

protanopia

#9b906b

deuteranopia

#a78b7c

tritanopia

#3f9daa

achromatopsia

#828282

protanomaly

#69986e

deuteranomaly

#709579

achromatopsia

#828282

tritanomaly

#2ea096

achromatomaly

#598f7d

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 !

#10a674 Color CSS Codes

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

#10a674 Text Font Color

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

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

#10a674 Background Color

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

#10a674 Border Color

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

This div border color is #10a674

#10a674 Color CSS Codes Examples

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

Text Shadow with Hex Values

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

This text has shadow with hex values.


Div Box Shadow

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

This div box has shadow with color #10a674

More Colors

Cocoa Whip
#a08e7e
Junkrat
#998778
Ironside
#7e8082
Plymouth Grey
#b0b1ac
Brusque Pink
#ee00ff
Island Girl
#ffb59a
Honey Bees
#fbd682
California Gold Rush
#95743f
Bermuda Blue
#8cb1c2
Crackled
#f2e7d1
Lily Lavender
#e6e6e8
Down-to-Earth
#5c6242
Chefchaouen Blue
#a3d1e8
Pecos Spice
#e1a080
Chartreuse Shot
#dad000
Felted Wool
#979083
Asphalt Blue
#474c55
Pewter Tray
#bdc5c0
Light Blue
#add8e6
Fashion Grey
#a29c94
Esoteric Touch Green
#abedc9
Ce Soir
#9271a7
Loveliest Leaves
#a69a5c
Double Cream
#f3e0ac
Larchmere
#70baa7
Alaskan Ice
#7e9ec2
Distinct Purple
#a294c9
Green Knoll
#647f4a
Offbeat
#d6d0c6
Marea Baja
#2e5464
Peach Bloom
#d99b7c
Deserted Path
#e7bf7b
Country Tweed
#837b68
O'Neal Green
#395643
Burma Jade
#94b1a0
Delos Blue
#169ec0
Metal Flake
#838782
Go Go Mango
#feb87e
rating-img
Rate this tool
NaN/5   0 votes