#3b6f60 hex color

In a RGB color space, hex #3b6f60 is composed of 23.1% red, 43.5% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 46.8% cyan, 0% magenta, 13.5% yellow and 56.5% black. It has a hue angle of 162.7 degrees, a saturation of 30.6% and a lightness of 33.3%. #3b6f60 color hex could be obtained by blending #76dec0 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 23
- G 44
- B 38
RGB color chart
- C 47
- M 0
- Y 14
- K 56
CMYK color chart

● #3b6f60 color description : Very dark desaturated cyan - lime green.

The hexadecimal color #3b6f60 has RGB values of R:59, G:111, B:96 and CMYK values of C:0.47, M:0, Y:0.14, K:0.56. Its decimal value is 3895136.

Hex triplet	3b6f60	`#3b6f60`
RGB Decimal	59, 111, 96	`rgb(59,111,96)`
RGB Percent	23.1, 43.5, 37.6	`rgb(23.1%,43.5%,37.6%)`
CMYK	47, 0, 14, 56
HSL	162.7°, 30.6, 33.3	`hsl(162.7,30.6%,33.3%)`
HSV (or HSB)	162.7°, 46.8, 43.5
Web Safe	336666	`#336666`

CIE-LAB	42.977, -21.37, 2.959
XYZ	9.599, 13.143, 13.097
xyY	0.268, 0.367, 13.143
CIE-LCH	42.977, 21.574, 172.116
CIE-LUV	42.977, -23.343, 6.948
Hunter-Lab	36.253, -16.18, 3.958
Binary	00111011, 01101111, 01100000

#3b6f60
```
#3b6f60 rgb(59,111,96)
```
#6f3b4a
```
#6f3b4a rgb(111,59,74)
```

Complementary Color

#3b6f46
```
#3b6f46 rgb(59,111,70)
```
#3b6f60
```
#3b6f60 rgb(59,111,96)
```
#3b646f
```
#3b646f rgb(59,100,111)
```

Analogous Color

#6f463b
```
#6f463b rgb(111,70,59)
```
#3b6f60
```
#3b6f60 rgb(59,111,96)
```
#6f3b64
```
#6f3b64 rgb(111,59,100)
```

Split Complementary Color

#6f603b
```
#6f603b rgb(111,96,59)
```
#3b6f60
```
#3b6f60 rgb(59,111,96)
```
#603b6f
```
#603b6f rgb(96,59,111)
```

Triadic Color

#4a6f3b
```
#4a6f3b rgb(74,111,59)
```
#3b6f60
```
#3b6f60 rgb(59,111,96)
```
#603b6f
```
#603b6f rgb(96,59,111)
```
#6f3b4a
```
#6f3b4a rgb(111,59,74)
```

Tetradic Color

#203d35
```
#203d35 rgb(32,61,53)
```
#294e43
```
#294e43 rgb(41,78,67)
```
#325e52
```
#325e52 rgb(50,94,82)
```
#3b6f60
```
#3b6f60 rgb(59,111,96)
```
#44806e
```
#44806e rgb(68,128,110)
```
#4d907d
```
#4d907d rgb(77,144,125)
```
#56a18b
```
#56a18b rgb(86,161,139)
```

Monochromatic Color

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

#3b6f53
```
#3b6f53 rgb(59,111,83)
```
#3b6f57
```
#3b6f57 rgb(59,111,87)
```
#3b6f5c
```
#3b6f5c rgb(59,111,92)
```
#3b6f60
```
#3b6f60 rgb(59,111,96)
```
#3b6f64
```
#3b6f64 rgb(59,111,100)
```
#3b6f69
```
#3b6f69 rgb(59,111,105)
```
#3b6f6d
```
#3b6f6d rgb(59,111,109)
```

Similar Colors

Text with hexadecimal color #3b6f60

This text has a font color of #3b6f60.

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

#3b6f60 background color

This paragraph has a background color of #3b6f60.

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

#3b6f60 border color

This element has a border color of #3b6f60.

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

CSS codes

.text {color:#3b6f60;}

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

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

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

#050907
```
#050907 rgb(5,9,7)
```
#0b1512
```
#0b1512 rgb(11,21,18)
```
#12221e
```
#12221e rgb(18,34,30)
```
#192f29
```
#192f29 rgb(25,47,41)
```
#203c34
```
#203c34 rgb(32,60,52)
```
#27493f
```
#27493f rgb(39,73,63)
```
#2d554a
```
#2d554a rgb(45,85,74)
```
#346255
```
#346255 rgb(52,98,85)
```
#3b6f60
```
#3b6f60 rgb(59,111,96)
```
#427c6b
```
#427c6b rgb(66,124,107)
```
#498976
```
#498976 rgb(73,137,118)
```
#4f9581
```
#4f9581 rgb(79,149,129)
```
#56a28c
```
#56a28c rgb(86,162,140)
```

Shade Color Variation

#61ab96
```
#61ab96 rgb(97,171,150)
```
#6eb29e
```
#6eb29e rgb(110,178,158)
```
#7bb9a7
```
#7bb9a7 rgb(123,185,167)
```
#87bfaf
```
#87bfaf rgb(135,191,175)
```
#94c6b8
```
#94c6b8 rgb(148,198,184)
```
#a1cdc0
```
#a1cdc0 rgb(161,205,192)
```
#aed4c9
```
#aed4c9 rgb(174,212,201)
```
#bbdbd1
```
#bbdbd1 rgb(187,219,209)
```
#c8e2da
```
#c8e2da rgb(200,226,218)
```
#d4e8e3
```
#d4e8e3 rgb(212,232,227)
```
#e1efeb
```
#e1efeb rgb(225,239,235)
```
#eef6f4
```
#eef6f4 rgb(238,246,244)
```
#fbfdfc
```
#fbfdfc rgb(251,253,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4f5b58 is the less saturated color, while #00aa79 is the most saturated one.

#4f5b58
```
#4f5b58 rgb(79,91,88)
```
#48625a
```
#48625a rgb(72,98,90)
```
#42685d
```
#42685d rgb(66,104,93)
```
#3b6f60
```
#3b6f60 rgb(59,111,96)
```
#347663
```
#347663 rgb(52,118,99)
```
#2e7c66
```
#2e7c66 rgb(46,124,102)
```
#278368
```
#278368 rgb(39,131,104)
```
#21896b
```
#21896b rgb(33,137,107)
```
#1a906e
```
#1a906e rgb(26,144,110)
```
#149671
```
#149671 rgb(20,150,113)
```
#0d9d73
```
#0d9d73 rgb(13,157,115)
```
#07a376
```
#07a376 rgb(7,163,118)
```
#00aa79
```
#00aa79 rgb(0,170,121)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#57615e Atypical Achromatopsia 0.001% of the population

Dichromacy

#716d63 Protanopia 1% of men
#776a6c Deuteranopia 1% of men
#4b737b Tritanopia 0.001% of the population

Trichromacy

#5d6d62 Protanomaly 1% of men, 0.01% of women
#616b67 Deuteranomaly 6% of men, 0.4% of women
#457171 Tritanomaly 0.01% of the population

#3b6f60 hex color

#3b6f60 Color Information

#3b6f60 Color Conversion

Color Schemes with #3b6f60

Alternatives to #3b6f60

#3b6f60 Preview

Shades and Tints of #3b6f60

Tones of #3b6f60

Color Blindness Simulator