#3aa68c hex color

In a RGB color space, hex #3aa68c is composed of 22.7% red, 65.1% green and 54.9% blue. Whereas in a CMYK color space, it is composed of 65.1% cyan, 0% magenta, 15.7% yellow and 34.9% black. It has a hue angle of 165.6 degrees, a saturation of 48.2% and a lightness of 43.9%. #3aa68c color hex could be obtained by blending #74ffff with #004d19. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 23
- G 65
- B 55
RGB color chart
- C 65
- M 0
- Y 16
- K 35
CMYK color chart

● #3aa68c color description : Dark moderate cyan.

The hexadecimal color #3aa68c has RGB values of R:58, G:166, B:140 and CMYK values of C:0.65, M:0, Y:0.16, K:0.35. Its decimal value is 3843724.

Hex triplet	3aa68c	`#3aa68c`
RGB Decimal	58, 166, 140	`rgb(58,166,140)`
RGB Percent	22.7, 65.1, 54.9	`rgb(22.7%,65.1%,54.9%)`
CMYK	65, 0, 16, 35
HSL	165.6°, 48.2, 43.9	`hsl(165.6,48.2%,43.9%)`
HSV (or HSB)	165.6°, 65.1, 65.1
Web Safe	339999	`#339999`

CIE-LAB	61.709, -36.998, 4.49
XYZ	20.113, 30.064, 29.552
xyY	0.252, 0.377, 30.064
CIE-LCH	61.709, 37.27, 173.081
CIE-LUV	61.709, -43.403, 12.087
Hunter-Lab	54.83, -30.475, 6.425
Binary	00111010, 10100110, 10001100

#3aa68c
```
#3aa68c rgb(58,166,140)
```
#a63a54
```
#a63a54 rgb(166,58,84)
```

Complementary Color

#3aa656
```
#3aa656 rgb(58,166,86)
```
#3aa68c
```
#3aa68c rgb(58,166,140)
```
#3a8aa6
```
#3a8aa6 rgb(58,138,166)
```

Analogous Color

#a6563a
```
#a6563a rgb(166,86,58)
```
#3aa68c
```
#3aa68c rgb(58,166,140)
```
#a63a8a
```
#a63a8a rgb(166,58,138)
```

Split Complementary Color

#a68c3a
```
#a68c3a rgb(166,140,58)
```
#3aa68c
```
#3aa68c rgb(58,166,140)
```
#8c3aa6
```
#8c3aa6 rgb(140,58,166)
```

Triadic Color

#54a63a
```
#54a63a rgb(84,166,58)
```
#3aa68c
```
#3aa68c rgb(58,166,140)
```
#8c3aa6
```
#8c3aa6 rgb(140,58,166)
```
#a63a54
```
#a63a54 rgb(166,58,84)
```

Tetradic Color

#266d5c
```
#266d5c rgb(38,109,92)
```
#2d806c
```
#2d806c rgb(45,128,108)
```
#33937c
```
#33937c rgb(51,147,124)
```
#3aa68c
```
#3aa68c rgb(58,166,140)
```
#41b99c
```
#41b99c rgb(65,185,156)
```
#51c2a7
```
#51c2a7 rgb(81,194,167)
```
#64c9b0
```
#64c9b0 rgb(100,201,176)
```

Monochromatic Color

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

#3aa671
```
#3aa671 rgb(58,166,113)
```
#3aa67a
```
#3aa67a rgb(58,166,122)
```
#3aa683
```
#3aa683 rgb(58,166,131)
```
#3aa68c
```
#3aa68c rgb(58,166,140)
```
#3aa695
```
#3aa695 rgb(58,166,149)
```
#3aa69e
```
#3aa69e rgb(58,166,158)
```
#3aa5a6
```
#3aa5a6 rgb(58,165,166)
```

Similar Colors

Text with hexadecimal color #3aa68c

This text has a font color of #3aa68c.

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

#3aa68c background color

This paragraph has a background color of #3aa68c.

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

#3aa68c border color

This element has a border color of #3aa68c.

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

CSS codes

.text {color:#3aa68c;}

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

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

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

#020605
```
#020605 rgb(2,6,5)
```
#071511
```
#071511 rgb(7,21,17)
```
#0c231e
```
#0c231e rgb(12,35,30)
```
#11322a
```
#11322a rgb(17,50,42)
```
#164036
```
#164036 rgb(22,64,54)
```
#1c4f42
```
#1c4f42 rgb(28,79,66)
```
#215d4f
```
#215d4f rgb(33,93,79)
```
#266c5b
```
#266c5b rgb(38,108,91)
```
#2b7a67
```
#2b7a67 rgb(43,122,103)
```
#308973
```
#308973 rgb(48,137,115)
```
#359780
```
#359780 rgb(53,151,128)
```
#3aa68c
```
#3aa68c rgb(58,166,140)
```
#3fb598
```
#3fb598 rgb(63,181,152)
```

Shade Color Variation

#48bfa2
```
#48bfa2 rgb(72,191,162)
```
#57c4aa
```
#57c4aa rgb(87,196,170)
```
#65c9b1
```
#65c9b1 rgb(101,201,177)
```
#74ceb9
```
#74ceb9 rgb(116,206,185)
```
#82d3c0
```
#82d3c0 rgb(130,211,192)
```
#91d8c7
```
#91d8c7 rgb(145,216,199)
```
#9fdecf
```
#9fdecf rgb(159,222,207)
```
#aee3d6
```
#aee3d6 rgb(174,227,214)
```
#bce8dd
```
#bce8dd rgb(188,232,221)
```
#cbede5
```
#cbede5 rgb(203,237,229)
```
#d9f2ec
```
#d9f2ec rgb(217,242,236)
```
#e8f7f3
```
#e8f7f3 rgb(232,247,243)
```
#f7fcfb
```
#f7fcfb rgb(247,252,251)
```

Tint Color Variation

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

#6e7271
```
#6e7271 rgb(110,114,113)
```
#657b76
```
#657b76 rgb(101,123,118)
```
#5c847a
```
#5c847a rgb(92,132,122)
```
#548c7f
```
#548c7f rgb(84,140,127)
```
#4b9583
```
#4b9583 rgb(75,149,131)
```
#439d88
```
#439d88 rgb(67,157,136)
```
#3aa68c
```
#3aa68c rgb(58,166,140)
```
#31af90
```
#31af90 rgb(49,175,144)
```
#29b795
```
#29b795 rgb(41,183,149)
```
#20c099
```
#20c099 rgb(32,192,153)
```
#18c89e
```
#18c89e rgb(24,200,158)
```
#0fd1a2
```
#0fd1a2 rgb(15,209,162)
```
#06daa7
```
#06daa7 rgb(6,218,167)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#748a85 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a19a89 Protanopia 1% of men
#a99599 Deuteranopia 1% of men
#54a5b2 Tritanopia 0.001% of the population

Trichromacy

#7b9e8a Protanomaly 1% of men, 0.01% of women
#809b94 Deuteranomaly 6% of men, 0.4% of women
#4aa5a4 Tritanomaly 0.01% of the population

#3aa68c hex color

#3aa68c Color Information

#3aa68c Color Conversion

Color Schemes with #3aa68c

Alternatives to #3aa68c

#3aa68c Preview

Shades and Tints of #3aa68c

Tones of #3aa68c

Color Blindness Simulator