#3a9e8e hex color

In a RGB color space, hex #3a9e8e is composed of 22.7% red, 62% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 63.3% cyan, 0% magenta, 10.1% yellow and 38% black. It has a hue angle of 170.4 degrees, a saturation of 46.3% and a lightness of 42.4%. #3a9e8e color hex could be obtained by blending #74ffff with #003d1d. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 23
- G 62
- B 56
RGB color chart
- C 63
- M 0
- Y 10
- K 38
CMYK color chart

● #3a9e8e color description : Dark moderate cyan.

The hexadecimal color #3a9e8e has RGB values of R:58, G:158, B:142 and CMYK values of C:0.63, M:0, Y:0.1, K:0.38. Its decimal value is 3841678.

Hex triplet	3a9e8e	`#3a9e8e`
RGB Decimal	58, 158, 142	`rgb(58,158,142)`
RGB Percent	22.7, 62, 55.7	`rgb(22.7%,62%,55.7%)`
CMYK	63, 0, 10, 38
HSL	170.4°, 46.3, 42.4	`hsl(170.4,46.3%,42.4%)`
HSV (or HSB)	170.4°, 63.3, 62
Web Safe	339999	`#339999`

CIE-LAB	59.255, -32.78, -0.198
XYZ	18.853, 27.305, 29.866
xyY	0.248, 0.359, 27.305
CIE-LCH	59.255, 32.781, 180.346
CIE-LUV	59.255, -40.261, 4.66
Hunter-Lab	52.254, -27.043, 2.69
Binary	00111010, 10011110, 10001110

#3a9e8e
```
#3a9e8e rgb(58,158,142)
```
#9e3a4a
```
#9e3a4a rgb(158,58,74)
```

Complementary Color

#3a9e5c
```
#3a9e5c rgb(58,158,92)
```
#3a9e8e
```
#3a9e8e rgb(58,158,142)
```
#3a7c9e
```
#3a7c9e rgb(58,124,158)
```

Analogous Color

#9e5c3a
```
#9e5c3a rgb(158,92,58)
```
#3a9e8e
```
#3a9e8e rgb(58,158,142)
```
#9e3a7c
```
#9e3a7c rgb(158,58,124)
```

Split Complementary Color

#9e8e3a
```
#9e8e3a rgb(158,142,58)
```
#3a9e8e
```
#3a9e8e rgb(58,158,142)
```
#8e3a9e
```
#8e3a9e rgb(142,58,158)
```

Triadic Color

#4a9e3a
```
#4a9e3a rgb(74,158,58)
```
#3a9e8e
```
#3a9e8e rgb(58,158,142)
```
#8e3a9e
```
#8e3a9e rgb(142,58,158)
```
#9e3a4a
```
#9e3a4a rgb(158,58,74)
```

Tetradic Color

#25665c
```
#25665c rgb(37,102,92)
```
#2c796c
```
#2c796c rgb(44,121,108)
```
#338b7d
```
#338b7d rgb(51,139,125)
```
#3a9e8e
```
#3a9e8e rgb(58,158,142)
```
#41b19f
```
#41b19f rgb(65,177,159)
```
#4dbeac
```
#4dbeac rgb(77,190,172)
```
#60c5b4
```
#60c5b4 rgb(96,197,180)
```

Monochromatic Color

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

#3a9e75
```
#3a9e75 rgb(58,158,117)
```
#3a9e7d
```
#3a9e7d rgb(58,158,125)
```
#3a9e86
```
#3a9e86 rgb(58,158,134)
```
#3a9e8e
```
#3a9e8e rgb(58,158,142)
```
#3a9e96
```
#3a9e96 rgb(58,158,150)
```
#3a9d9e
```
#3a9d9e rgb(58,157,158)
```
#3a959e
```
#3a959e rgb(58,149,158)
```

Similar Colors

Text with hexadecimal color #3a9e8e

This text has a font color of #3a9e8e.

<span style="color:#3a9e8e;">Text here</span>

#3a9e8e background color

This paragraph has a background color of #3a9e8e.

<p style="background-color:#3a9e8e;">Content here</p>

#3a9e8e border color

This element has a border color of #3a9e8e.

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

CSS codes

.text {color:#3a9e8e;}

.background {background-color:#3a9e8e;}

.border {border:1px solid #3a9e8e;}

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, #000000 is the darkest color, while #f1faf8 is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#050f0d
```
#050f0d rgb(5,15,13)
```
#0b1d1a
```
#0b1d1a rgb(11,29,26)
```
#102b27
```
#102b27 rgb(16,43,39)
```
#153a34
```
#153a34 rgb(21,58,52)
```
#1a4841
```
#1a4841 rgb(26,72,65)
```
#20564e
```
#20564e rgb(32,86,78)
```
#25655a
```
#25655a rgb(37,101,90)
```
#2a7367
```
#2a7367 rgb(42,115,103)
```
#2f8174
```
#2f8174 rgb(47,129,116)
```
#359081
```
#359081 rgb(53,144,129)
```
#3a9e8e
```
#3a9e8e rgb(58,158,142)
```
#3fac9b
```
#3fac9b rgb(63,172,155)
```

Shade Color Variation

#45bba8
```
#45bba8 rgb(69,187,168)
```
#53c0ae
```
#53c0ae rgb(83,192,174)
```
#61c5b5
```
#61c5b5 rgb(97,197,181)
```
#70cabc
```
#70cabc rgb(112,202,188)
```
#7ed0c3
```
#7ed0c3 rgb(126,208,195)
```
#8cd5c9
```
#8cd5c9 rgb(140,213,201)
```
#9bdad0
```
#9bdad0 rgb(155,218,208)
```
#a9dfd7
```
#a9dfd7 rgb(169,223,215)
```
#b7e5dd
```
#b7e5dd rgb(183,229,221)
```
#c6eae4
```
#c6eae4 rgb(198,234,228)
```
#d4efeb
```
#d4efeb rgb(212,239,235)
```
#e2f5f2
```
#e2f5f2 rgb(226,245,242)
```
#f1faf8
```
#f1faf8 rgb(241,250,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6c6c6c is the less saturated color, while #08d0b0 is the most saturated one.

#6c6c6c
```
#6c6c6c rgb(108,108,108)
```
#647472
```
#647472 rgb(100,116,114)
```
#5b7d77
```
#5b7d77 rgb(91,125,119)
```
#53857d
```
#53857d rgb(83,133,125)
```
#4b8d83
```
#4b8d83 rgb(75,141,131)
```
#429688
```
#429688 rgb(66,150,136)
```
#3a9e8e
```
#3a9e8e rgb(58,158,142)
```
#32a694
```
#32a694 rgb(50,166,148)
```
#29af99
```
#29af99 rgb(41,175,153)
```
#21b79f
```
#21b79f rgb(33,183,159)
```
#19bfa5
```
#19bfa5 rgb(25,191,165)
```
#10c8aa
```
#10c8aa rgb(16,200,170)
```
#08d0b0
```
#08d0b0 rgb(8,208,176)
```

Tone Color Variation

Below, you can see how #3a9e8e 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

#7e7e7e Achromatopsia 0.005% of the population
#708481 Atypical Achromatopsia 0.001% of the population

Dichromacy

#99938c Protanopia 1% of men
#9f909a Deuteranopia 1% of men
#509fab Tritanopia 0.001% of the population

Trichromacy

#76978c Protanomaly 1% of men, 0.01% of women
#7a9595 Deuteranomaly 6% of men, 0.4% of women
#489ea0 Tritanomaly 0.01% of the population

#3a9e8e hex color

#3a9e8e Color Information

#3a9e8e Color Conversion

Color Schemes with #3a9e8e

Alternatives to #3a9e8e

#3a9e8e Preview

Shades and Tints of #3a9e8e

Tones of #3a9e8e

Color Blindness Simulator