#3a9986 hex color

In a RGB color space, hex #3a9986 is composed of 22.7% red, 60% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 62.1% cyan, 0% magenta, 12.4% yellow and 40% black. It has a hue angle of 168 degrees, a saturation of 45% and a lightness of 41.4%. #3a9986 color hex could be obtained by blending #74ffff with #00330d. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 23
- G 60
- B 53
RGB color chart
- C 62
- M 0
- Y 12
- K 40
CMYK color chart

● #3a9986 color description : Dark moderate cyan.

The hexadecimal color #3a9986 has RGB values of R:58, G:153, B:134 and CMYK values of C:0.62, M:0, Y:0.12, K:0.4. Its decimal value is 3840390.

Hex triplet	3a9986	`#3a9986`
RGB Decimal	58, 153, 134	`rgb(58,153,134)`
RGB Percent	22.7, 60, 52.5	`rgb(22.7%,60%,52.5%)`
CMYK	62, 0, 12, 40
HSL	168°, 45, 41.4	`hsl(168,45%,41.4%)`
HSV (or HSB)	168°, 62.1, 60
Web Safe	339999	`#339999`

CIE-LAB	57.465, -32.548, 1.735
XYZ	17.438, 25.402, 26.537
xyY	0.251, 0.366, 25.402
CIE-LCH	57.465, 32.594, 176.948
CIE-LUV	57.465, -38.801, 7.369
Hunter-Lab	50.4, -26.442, 4.062
Binary	00111010, 10011001, 10000110

#3a9986
```
#3a9986 rgb(58,153,134)
```
#993a4d
```
#993a4d rgb(153,58,77)
```

Complementary Color

#3a9957
```
#3a9957 rgb(58,153,87)
```
#3a9986
```
#3a9986 rgb(58,153,134)
```
#3a7d99
```
#3a7d99 rgb(58,125,153)
```

Analogous Color

#99573a
```
#99573a rgb(153,87,58)
```
#3a9986
```
#3a9986 rgb(58,153,134)
```
#993a7d
```
#993a7d rgb(153,58,125)
```

Split Complementary Color

#99863a
```
#99863a rgb(153,134,58)
```
#3a9986
```
#3a9986 rgb(58,153,134)
```
#863a99
```
#863a99 rgb(134,58,153)
```

Triadic Color

#4d993a
```
#4d993a rgb(77,153,58)
```
#3a9986
```
#3a9986 rgb(58,153,134)
```
#863a99
```
#863a99 rgb(134,58,153)
```
#993a4d
```
#993a4d rgb(153,58,77)
```

Tetradic Color

#256255
```
#256255 rgb(37,98,85)
```
#2c7466
```
#2c7466 rgb(44,116,102)
```
#338776
```
#338776 rgb(51,135,118)
```
#3a9986
```
#3a9986 rgb(58,153,134)
```
#41ab96
```
#41ab96 rgb(65,171,150)
```
#4bbba4
```
#4bbba4 rgb(75,187,164)
```
#5ec2ae
```
#5ec2ae rgb(94,194,174)
```

Monochromatic Color

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

#3a996e
```
#3a996e rgb(58,153,110)
```
#3a9976
```
#3a9976 rgb(58,153,118)
```
#3a997e
```
#3a997e rgb(58,153,126)
```
#3a9986
```
#3a9986 rgb(58,153,134)
```
#3a998e
```
#3a998e rgb(58,153,142)
```
#3a9996
```
#3a9996 rgb(58,153,150)
```
#3a9499
```
#3a9499 rgb(58,148,153)
```

Similar Colors

Text with hexadecimal color #3a9986

This text has a font color of #3a9986.

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

#3a9986 background color

This paragraph has a background color of #3a9986.

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

#3a9986 border color

This element has a border color of #3a9986.

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

CSS codes

.text {color:#3a9986;}

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

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

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, #040b09 is the darkest color, while #fcfefd is the lightest one.

#040b09
```
#040b09 rgb(4,11,9)
```
#091916
```
#091916 rgb(9,25,22)
```
#0f2722
```
#0f2722 rgb(15,39,34)
```
#14352f
```
#14352f rgb(20,53,47)
```
#1a443b
```
#1a443b rgb(26,68,59)
```
#1f5248
```
#1f5248 rgb(31,82,72)
```
#246054
```
#246054 rgb(36,96,84)
```
#2a6e61
```
#2a6e61 rgb(42,110,97)
```
#2f7d6d
```
#2f7d6d rgb(47,125,109)
```
#358b7a
```
#358b7a rgb(53,139,122)
```
#3a9986
```
#3a9986 rgb(58,153,134)
```
#3fa792
```
#3fa792 rgb(63,167,146)
```
#45b59f
```
#45b59f rgb(69,181,159)
```

Shade Color Variation

#51bda7
```
#51bda7 rgb(81,189,167)
```
#5fc2af
```
#5fc2af rgb(95,194,175)
```
#6dc8b6
```
#6dc8b6 rgb(109,200,182)
```
#7ccdbd
```
#7ccdbd rgb(124,205,189)
```
#8ad3c4
```
#8ad3c4 rgb(138,211,196)
```
#98d8cb
```
#98d8cb rgb(152,216,203)
```
#a6ddd2
```
#a6ddd2 rgb(166,221,210)
```
#b4e3d9
```
#b4e3d9 rgb(180,227,217)
```
#c3e8e1
```
#c3e8e1 rgb(195,232,225)
```
#d1eee8
```
#d1eee8 rgb(209,238,232)
```
#dff3ef
```
#dff3ef rgb(223,243,239)
```
#edf8f6
```
#edf8f6 rgb(237,248,246)
```
#fcfefd
```
#fcfefd rgb(252,254,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #63706e is the less saturated color, while #01d2a8 is the most saturated one.

#63706e
```
#63706e rgb(99,112,110)
```
#5a7973
```
#5a7973 rgb(90,121,115)
```
#528177
```
#528177 rgb(82,129,119)
```
#4a897c
```
#4a897c rgb(74,137,124)
```
#429181
```
#429181 rgb(66,145,129)
```
#3a9986
```
#3a9986 rgb(58,153,134)
```
#32a18b
```
#32a18b rgb(50,161,139)
```
#2aa990
```
#2aa990 rgb(42,169,144)
```
#22b195
```
#22b195 rgb(34,177,149)
```
#1ab999
```
#1ab999 rgb(26,185,153)
```
#11c29e
```
#11c29e rgb(17,194,158)
```
#09caa3
```
#09caa3 rgb(9,202,163)
```
#01d2a8
```
#01d2a8 rgb(1,210,168)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#6d807c Atypical Achromatopsia 0.001% of the population

Dichromacy

#958f84 Protanopia 1% of men
#9c8b92 Deuteranopia 1% of men
#509aa5 Tritanopia 0.001% of the population

Trichromacy

#749285 Protanomaly 1% of men, 0.01% of women
#78908e Deuteranomaly 6% of men, 0.4% of women
#48999a Tritanomaly 0.01% of the population

#3a9986 hex color

#3a9986 Color Information

#3a9986 Color Conversion

Color Schemes with #3a9986

Alternatives to #3a9986

#3a9986 Preview

Shades and Tints of #3a9986

Tones of #3a9986

Color Blindness Simulator