#00a676 hex color

In a RGB color space, hex #00a676 is composed of 0% red, 65.1% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 0% magenta, 28.9% yellow and 34.9% black. It has a hue angle of 162.7 degrees, a saturation of 100% and a lightness of 32.5%. #00a676 color hex could be obtained by blending #00ffec with #004d00. Closest websafe color is: #009966.

♥
- f
- t
- g
- R 0
- G 65
- B 46
RGB color chart
- C 100
- M 0
- Y 29
- K 35
CMYK color chart

● #00a676 color description : Dark cyan - lime green.

The hexadecimal color #00a676 has RGB values of R:0, G:166, B:118 and CMYK values of C:1, M:0, Y:0.29, K:0.35. Its decimal value is 42614.

Hex triplet	00a676	`#00a676`
RGB Decimal	0, 166, 118	`rgb(0,166,118)`
RGB Percent	0, 65.1, 46.3	`rgb(0%,65.1%,46.3%)`
CMYK	100, 0, 29, 35
HSL	162.7°, 100, 32.5	`hsl(162.7,100%,32.5%)`
HSV (or HSB)	162.7°, 100, 65.1
Web Safe	009966	`#009966`

CIE-LAB	60.408, -48.158, 14.8
XYZ	16.905, 28.579, 21.764
xyY	0.251, 0.425, 28.579
CIE-LCH	60.408, 50.381, 162.917
CIE-LUV	60.408, -51.422, 27.586
Hunter-Lab	53.459, -37.108, 13.284
Binary	00000000, 10100110, 01110110

#00a676
```
#00a676 rgb(0,166,118)
```
#a60030
```
#a60030 rgb(166,0,48)
```

Complementary Color

#00a623
```
#00a623 rgb(0,166,35)
```
#00a676
```
#00a676 rgb(0,166,118)
```
#0083a6
```
#0083a6 rgb(0,131,166)
```

Analogous Color

#a62300
```
#a62300 rgb(166,35,0)
```
#00a676
```
#00a676 rgb(0,166,118)
```
#a60083
```
#a60083 rgb(166,0,131)
```

Split Complementary Color

#a67600
```
#a67600 rgb(166,118,0)
```
#00a676
```
#00a676 rgb(0,166,118)
```
#7600a6
```
#7600a6 rgb(118,0,166)
```

Triadic Color

#30a600
```
#30a600 rgb(48,166,0)
```
#00a676
```
#00a676 rgb(0,166,118)
```
#7600a6
```
#7600a6 rgb(118,0,166)
```
#a60030
```
#a60030 rgb(166,0,48)
```

Tetradic Color

#005a40
```
#005a40 rgb(0,90,64)
```
#007352
```
#007352 rgb(0,115,82)
```
#008d64
```
#008d64 rgb(0,141,100)
```
#00a676
```
#00a676 rgb(0,166,118)
```
#00c088
```
#00c088 rgb(0,192,136)
```
#00d99a
```
#00d99a rgb(0,217,154)
```
#00f3ac
```
#00f3ac rgb(0,243,172)
```

Monochromatic Color

Below, you can see some colors close to #00a676. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#00a64c
```
#00a64c rgb(0,166,76)
```
#00a65a
```
#00a65a rgb(0,166,90)
```
#00a668
```
#00a668 rgb(0,166,104)
```
#00a676
```
#00a676 rgb(0,166,118)
```
#00a684
```
#00a684 rgb(0,166,132)
```
#00a692
```
#00a692 rgb(0,166,146)
```
#00a6a0
```
#00a6a0 rgb(0,166,160)
```

Similar Colors

Text with hexadecimal color #00a676

This text has a font color of #00a676.

<span style="color:#00a676;">Text here</span>

#00a676 background color

This paragraph has a background color of #00a676.

<p style="background-color:#00a676;">Content here</p>

#00a676 border color

This element has a border color of #00a676.

<div style="border:1px solid #00a676;">Content here</div>

CSS codes

.text {color:#00a676;}

.background {background-color:#00a676;}

.border {border:1px solid #00a676;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #000906 is the darkest color, while #f4fffc is the lightest one.

#000906
```
#000906 rgb(0,9,6)
```
#001d14
```
#001d14 rgb(0,29,20)
```
#003022
```
#003022 rgb(0,48,34)
```
#004430
```
#004430 rgb(0,68,48)
```
#00583e
```
#00583e rgb(0,88,62)
```
#006b4c
```
#006b4c rgb(0,107,76)
```
#007f5a
```
#007f5a rgb(0,127,90)
```
#009268
```
#009268 rgb(0,146,104)
```
#00a676
```
#00a676 rgb(0,166,118)
```
#00ba84
```
#00ba84 rgb(0,186,132)
```
#00cd92
```
#00cd92 rgb(0,205,146)
```
#00e1a0
```
#00e1a0 rgb(0,225,160)
```
#00f4ae
```
#00f4ae rgb(0,244,174)
```

Shade Color Variation

#09ffb8
```
#09ffb8 rgb(9,255,184)
```
#1dffbe
```
#1dffbe rgb(29,255,190)
```
#30ffc3
```
#30ffc3 rgb(48,255,195)
```
#44ffc9
```
#44ffc9 rgb(68,255,201)
```
#58ffcf
```
#58ffcf rgb(88,255,207)
```
#6bffd4
```
#6bffd4 rgb(107,255,212)
```
#7fffda
```
#7fffda rgb(127,255,218)
```
#92ffe0
```
#92ffe0 rgb(146,255,224)
```
#a6ffe5
```
#a6ffe5 rgb(166,255,229)
```
#baffeb
```
#baffeb rgb(186,255,235)
```
#cdfff1
```
#cdfff1 rgb(205,255,241)
```
#e1fff6
```
#e1fff6 rgb(225,255,246)
```
#f4fffc
```
#f4fffc rgb(244,255,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4d5956 is the less saturated color, while #00a676 is the most saturated one.

#4d5956
```
#4d5956 rgb(77,89,86)
```
#466058
```
#466058 rgb(70,96,88)
```
#40665b
```
#40665b rgb(64,102,91)
```
#396d5e
```
#396d5e rgb(57,109,94)
```
#337360
```
#337360 rgb(51,115,96)
```
#2d7963
```
#2d7963 rgb(45,121,99)
```
#268066
```
#268066 rgb(38,128,102)
```
#208669
```
#208669 rgb(32,134,105)
```
#1a8c6b
```
#1a8c6b rgb(26,140,107)
```
#13936e
```
#13936e rgb(19,147,110)
```
#0d9971
```
#0d9971 rgb(13,153,113)
```
#06a073
```
#06a073 rgb(6,160,115)
```
#00a676
```
#00a676 rgb(0,166,118)
```

Tone Color Variation

Below, you can see how #00a676 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#6f6f6f Achromatopsia 0.005% of the population
#597a70 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a19774 Protanopia 1% of men
#ab9285 Deuteranopia 1% of men
#42a3af Tritanopia 0.001% of the population

Trichromacy

#669c75 Protanomaly 1% of men, 0.01% of women
#6d997f Deuteranomaly 6% of men, 0.4% of women
#2aa49a Tritanomaly 0.01% of the population

#00a676 hex color

#00a676 Color Information

#00a676 Color Conversion

Color Schemes with #00a676

Alternatives to #00a676

#00a676 Preview

Shades and Tints of #00a676

Tones of #00a676

Color Blindness Simulator