#3bc2a6 hex color

In a RGB color space, hex #3bc2a6 is composed of 23.1% red, 76.1% green and 65.1% blue. Whereas in a CMYK color space, it is composed of 69.6% cyan, 0% magenta, 14.4% yellow and 23.9% black. It has a hue angle of 167.6 degrees, a saturation of 53.4% and a lightness of 49.6%. #3bc2a6 color hex could be obtained by blending #76ffff with #00854d. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 23
- G 76
- B 65
RGB color chart
- C 70
- M 0
- Y 14
- K 24
CMYK color chart

● #3bc2a6 color description : Moderate cyan.

The hexadecimal color #3bc2a6 has RGB values of R:59, G:194, B:166 and CMYK values of C:0.7, M:0, Y:0.14, K:0.24. Its decimal value is 3916454.

Hex triplet	3bc2a6	`#3bc2a6`
RGB Decimal	59, 194, 166	`rgb(59,194,166)`
RGB Percent	23.1, 76.1, 65.1	`rgb(23.1%,76.1%,65.1%)`
CMYK	70, 0, 14, 24
HSL	167.6°, 53.4, 49.6	`hsl(167.6,53.4%,49.6%)`
HSV (or HSB)	167.6°, 69.6, 76.1
Web Safe	33cc99	`#33cc99`

CIE-LAB	71.053, -42.629, 3.632
XYZ	27.976, 42.264, 42.758
xyY	0.248, 0.374, 42.264
CIE-LCH	71.053, 42.784, 175.13
CIE-LUV	71.053, -51.936, 12.031
Hunter-Lab	65.011, -36.955, 6.512
Binary	00111011, 11000010, 10100110

#3bc2a6
```
#3bc2a6 rgb(59,194,166)
```
#c23b57
```
#c23b57 rgb(194,59,87)
```

Complementary Color

#3bc263
```
#3bc263 rgb(59,194,99)
```
#3bc2a6
```
#3bc2a6 rgb(59,194,166)
```
#3b9bc2
```
#3b9bc2 rgb(59,155,194)
```

Analogous Color

#c2633b
```
#c2633b rgb(194,99,59)
```
#3bc2a6
```
#3bc2a6 rgb(59,194,166)
```
#c23b9b
```
#c23b9b rgb(194,59,155)
```

Split Complementary Color

#c2a63b
```
#c2a63b rgb(194,166,59)
```
#3bc2a6
```
#3bc2a6 rgb(59,194,166)
```
#a63bc2
```
#a63bc2 rgb(166,59,194)
```

Triadic Color

#57c23b
```
#57c23b rgb(87,194,59)
```
#3bc2a6
```
#3bc2a6 rgb(59,194,166)
```
#a63bc2
```
#a63bc2 rgb(166,59,194)
```
#c23b57
```
#c23b57 rgb(194,59,87)
```

Tetradic Color

#298774
```
#298774 rgb(41,135,116)
```
#2f9b85
```
#2f9b85 rgb(47,155,133)
```
#35ae95
```
#35ae95 rgb(53,174,149)
```
#3bc2a6
```
#3bc2a6 rgb(59,194,166)
```
#4dc9af
```
#4dc9af rgb(77,201,175)
```
#61cfb8
```
#61cfb8 rgb(97,207,184)
```
#75d5c1
```
#75d5c1 rgb(117,213,193)
```

Monochromatic Color

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

#3bc284
```
#3bc284 rgb(59,194,132)
```
#3bc290
```
#3bc290 rgb(59,194,144)
```
#3bc29b
```
#3bc29b rgb(59,194,155)
```
#3bc2a6
```
#3bc2a6 rgb(59,194,166)
```
#3bc2b1
```
#3bc2b1 rgb(59,194,177)
```
#3bc2bd
```
#3bc2bd rgb(59,194,189)
```
#3bbcc2
```
#3bbcc2 rgb(59,188,194)
```

Similar Colors

Text with hexadecimal color #3bc2a6

This text has a font color of #3bc2a6.

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

#3bc2a6 background color

This paragraph has a background color of #3bc2a6.

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

#3bc2a6 border color

This element has a border color of #3bc2a6.

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

CSS codes

.text {color:#3bc2a6;}

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

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

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

#040e0c
```
#040e0c rgb(4,14,12)
```
#091d18
```
#091d18 rgb(9,29,24)
```
#0d2c25
```
#0d2c25 rgb(13,44,37)
```
#123b32
```
#123b32 rgb(18,59,50)
```
#164a3f
```
#164a3f rgb(22,74,63)
```
#1b594c
```
#1b594c rgb(27,89,76)
```
#206859
```
#206859 rgb(32,104,89)
```
#247766
```
#247766 rgb(36,119,102)
```
#298673
```
#298673 rgb(41,134,115)
```
#2d957f
```
#2d957f rgb(45,149,127)
```
#32a48c
```
#32a48c rgb(50,164,140)
```
#36b399
```
#36b399 rgb(54,179,153)
```
#3bc2a6
```
#3bc2a6 rgb(59,194,166)
```

Shade Color Variation

#49c8ad
```
#49c8ad rgb(73,200,173)
```
#58ccb4
```
#58ccb4 rgb(88,204,180)
```
#67d1bb
```
#67d1bb rgb(103,209,187)
```
#76d5c2
```
#76d5c2 rgb(118,213,194)
```
#85dac8
```
#85dac8 rgb(133,218,200)
```
#94dfcf
```
#94dfcf rgb(148,223,207)
```
#a3e3d6
```
#a3e3d6 rgb(163,227,214)
```
#b2e8dd
```
#b2e8dd rgb(178,232,221)
```
#c1ece3
```
#c1ece3 rgb(193,236,227)
```
#d0f1ea
```
#d0f1ea rgb(208,241,234)
```
#dff5f1
```
#dff5f1 rgb(223,245,241)
```
#eefaf8
```
#eefaf8 rgb(238,250,248)
```
#fdfffe
```
#fdfffe rgb(253,255,254)
```

Tint Color Variation

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

#758884
```
#758884 rgb(117,136,132)
```
#6c918a
```
#6c918a rgb(108,145,138)
```
#629b8f
```
#629b8f rgb(98,155,143)
```
#58a595
```
#58a595 rgb(88,165,149)
```
#4eaf9b
```
#4eaf9b rgb(78,175,155)
```
#45b8a0
```
#45b8a0 rgb(69,184,160)
```
#3bc2a6
```
#3bc2a6 rgb(59,194,166)
```
#31ccac
```
#31ccac rgb(49,204,172)
```
#28d5b1
```
#28d5b1 rgb(40,213,177)
```
#1edfb7
```
#1edfb7 rgb(30,223,183)
```
#14e9bd
```
#14e9bd rgb(20,233,189)
```
#0af3c2
```
#0af3c2 rgb(10,243,194)
```
#01fcc8
```
#01fcc8 rgb(1,252,200)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#849f99 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9b1a0 Protanopia 1% of men
#c1acb3 Deuteranopia 1% of men
#59bfce Tritanopia 0.001% of the population

Trichromacy

#8bb7a2 Protanomaly 1% of men, 0.01% of women
#90b4ae Deuteranomaly 6% of men, 0.4% of women
#4ec0bf Tritanomaly 0.01% of the population

#3bc2a6 hex color

#3bc2a6 Color Information

#3bc2a6 Color Conversion

Color Schemes with #3bc2a6

Alternatives to #3bc2a6

#3bc2a6 Preview

Shades and Tints of #3bc2a6

Tones of #3bc2a6

Color Blindness Simulator