#3baa8c hex color

In a RGB color space, hex #3baa8c is composed of 23.1% red, 66.7% green and 54.9% blue. Whereas in a CMYK color space, it is composed of 65.3% cyan, 0% magenta, 17.6% yellow and 33.3% black. It has a hue angle of 163.8 degrees, a saturation of 48.5% and a lightness of 44.9%. #3baa8c color hex could be obtained by blending #76ffff with #005519. Closest websafe color is: #339999.

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

● #3baa8c color description : Dark moderate cyan - lime green.

The hexadecimal color #3baa8c has RGB values of R:59, G:170, B:140 and CMYK values of C:0.65, M:0, Y:0.18, K:0.33. Its decimal value is 3910284.

Hex triplet	3baa8c	`#3baa8c`
RGB Decimal	59, 170, 140	`rgb(59,170,140)`
RGB Percent	23.1, 66.7, 54.9	`rgb(23.1%,66.7%,54.9%)`
CMYK	65, 0, 18, 33
HSL	163.8°, 48.5, 44.9	`hsl(163.8,48.5%,44.9%)`
HSV (or HSB)	163.8°, 65.3, 66.7
Web Safe	339999	`#339999`

CIE-LAB	62.987, -38.619, 6.33
XYZ	20.91, 31.571, 29.801
xyY	0.254, 0.384, 31.571
CIE-LCH	62.987, 39.135, 170.692
CIE-LUV	62.987, -44.699, 14.987
Hunter-Lab	56.188, -31.9, 7.885
Binary	00111011, 10101010, 10001100

#3baa8c
```
#3baa8c rgb(59,170,140)
```
#aa3b59
```
#aa3b59 rgb(170,59,89)
```

Complementary Color

#3baa55
```
#3baa55 rgb(59,170,85)
```
#3baa8c
```
#3baa8c rgb(59,170,140)
```
#3b91aa
```
#3b91aa rgb(59,145,170)
```

Analogous Color

#aa553b
```
#aa553b rgb(170,85,59)
```
#3baa8c
```
#3baa8c rgb(59,170,140)
```
#aa3b91
```
#aa3b91 rgb(170,59,145)
```

Split Complementary Color

#aa8c3b
```
#aa8c3b rgb(170,140,59)
```
#3baa8c
```
#3baa8c rgb(59,170,140)
```
#8c3baa
```
#8c3baa rgb(140,59,170)
```

Triadic Color

#59aa3b
```
#59aa3b rgb(89,170,59)
```
#3baa8c
```
#3baa8c rgb(59,170,140)
```
#8c3baa
```
#8c3baa rgb(140,59,170)
```
#aa3b59
```
#aa3b59 rgb(170,59,89)
```

Tetradic Color

#27715d
```
#27715d rgb(39,113,93)
```
#2e846d
```
#2e846d rgb(46,132,109)
```
#34977c
```
#34977c rgb(52,151,124)
```
#3baa8c
```
#3baa8c rgb(59,170,140)
```
#42bd9c
```
#42bd9c rgb(66,189,156)
```
#54c4a6
```
#54c4a6 rgb(84,196,166)
```
#67cab0
```
#67cab0 rgb(103,202,176)
```

Monochromatic Color

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

#3baa70
```
#3baa70 rgb(59,170,112)
```
#3baa7a
```
#3baa7a rgb(59,170,122)
```
#3baa83
```
#3baa83 rgb(59,170,131)
```
#3baa8c
```
#3baa8c rgb(59,170,140)
```
#3baa95
```
#3baa95 rgb(59,170,149)
```
#3baa9f
```
#3baa9f rgb(59,170,159)
```
#3baaa8
```
#3baaa8 rgb(59,170,168)
```

Similar Colors

Text with hexadecimal color #3baa8c

This text has a font color of #3baa8c.

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

#3baa8c background color

This paragraph has a background color of #3baa8c.

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

#3baa8c border color

This element has a border color of #3baa8c.

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

CSS codes

.text {color:#3baa8c;}

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

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

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, #030a08 is the darkest color, while #fafdfd is the lightest one.

#030a08
```
#030a08 rgb(3,10,8)
```
#081814
```
#081814 rgb(8,24,20)
```
#0e2720
```
#0e2720 rgb(14,39,32)
```
#13362c
```
#13362c rgb(19,54,44)
```
#184438
```
#184438 rgb(24,68,56)
```
#1d5344
```
#1d5344 rgb(29,83,68)
```
#226150
```
#226150 rgb(34,97,80)
```
#27705c
```
#27705c rgb(39,112,92)
```
#2c7e68
```
#2c7e68 rgb(44,126,104)
```
#318d74
```
#318d74 rgb(49,141,116)
```
#369b80
```
#369b80 rgb(54,155,128)
```
#3baa8c
```
#3baa8c rgb(59,170,140)
```
#40b998
```
#40b998 rgb(64,185,152)
```

Shade Color Variation

#4cc1a1
```
#4cc1a1 rgb(76,193,161)
```
#5ac6a9
```
#5ac6a9 rgb(90,198,169)
```
#69cbb0
```
#69cbb0 rgb(105,203,176)
```
#77d0b8
```
#77d0b8 rgb(119,208,184)
```
#86d5c0
```
#86d5c0 rgb(134,213,192)
```
#94dac7
```
#94dac7 rgb(148,218,199)
```
#a3dfcf
```
#a3dfcf rgb(163,223,207)
```
#b1e4d6
```
#b1e4d6 rgb(177,228,214)
```
#c0e9de
```
#c0e9de rgb(192,233,222)
```
#cfeee6
```
#cfeee6 rgb(207,238,230)
```
#ddf3ed
```
#ddf3ed rgb(221,243,237)
```
#ecf8f5
```
#ecf8f5 rgb(236,248,245)
```
#fafdfd
```
#fafdfd rgb(250,253,253)
```

Tint Color Variation

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

#707574
```
#707574 rgb(112,117,116)
```
#677e78
```
#677e78 rgb(103,126,120)
```
#5e877c
```
#5e877c rgb(94,135,124)
```
#559080
```
#559080 rgb(85,144,128)
```
#4d9884
```
#4d9884 rgb(77,152,132)
```
#44a188
```
#44a188 rgb(68,161,136)
```
#3baa8c
```
#3baa8c rgb(59,170,140)
```
#32b390
```
#32b390 rgb(50,179,144)
```
#29bc94
```
#29bc94 rgb(41,188,148)
```
#21c498
```
#21c498 rgb(33,196,152)
```
#18cd9c
```
#18cd9c rgb(24,205,156)
```
#0fd6a0
```
#0fd6a0 rgb(15,214,160)
```
#06dfa4
```
#06dfa4 rgb(6,223,164)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#768c86 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a59d89 Protanopia 1% of men
#ad9899 Deuteranopia 1% of men
#56a9b5 Tritanopia 0.001% of the population

Trichromacy

#7ea18a Protanomaly 1% of men, 0.01% of women
#849f94 Deuteranomaly 6% of men, 0.4% of women
#4ca9a6 Tritanomaly 0.01% of the population

#3baa8c hex color

#3baa8c Color Information

#3baa8c Color Conversion

Color Schemes with #3baa8c

Alternatives to #3baa8c

#3baa8c Preview

Shades and Tints of #3baa8c

Tones of #3baa8c

Color Blindness Simulator