colorhexa.com

#3b6c5f hex color

In a RGB color space, hex #3b6c5f is composed of 23.1% red, 42.4% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 45.4% cyan, 0% magenta, 12% yellow and 57.6% black. It has a hue angle of 164.1 degrees, a saturation of 29.3% and a lightness of 32.7%. #3b6c5f color hex could be obtained by blending #76d8be with #000000. Closest websafe color is: #336666.

- R 23
- G 42
- B 37
RGB color chart
- C 45
- M 0
- Y 12
- K 58
CMYK color chart

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

The hexadecimal color #3b6c5f has RGB values of R:59, G:108, B:95 and CMYK values of C:0.45, M:0, Y:0.12, K:0.58. Its decimal value is 3894367.

Hex triplet	3b6c5f	`#3b6c5f`
RGB Decimal	59, 108, 95	`rgb(59,108,95)`
RGB Percent	23.1, 42.4, 37.3	`rgb(23.1%,42.4%,37.3%)`
CMYK	45, 0, 12, 58
HSL	164.1°, 29.3, 32.7	`hsl(164.1,29.3%,32.7%)`
HSV (or HSB)	164.1°, 45.4, 42.4
Web Safe	336666	`#336666`

CIE-LAB	41.97, -20.04, 2.106
XYZ	9.231, 12.481, 12.748
xyY	0.268, 0.362, 12.481
CIE-LCH	41.97, 20.15, 174.002
CIE-LUV	41.97, -22.099, 5.612
Hunter-Lab	35.328, -15.182, 3.334
Binary	00111011, 01101100, 01011111

#3b6c5f
```
#3b6c5f rgb(59,108,95)
```
#6c3b48
```
#6c3b48 rgb(108,59,72)
```

Complementary Color

#3b6c47
```
#3b6c47 rgb(59,108,71)
```
#3b6c5f
```
#3b6c5f rgb(59,108,95)
```
#3b616c
```
#3b616c rgb(59,97,108)
```

Analogous Color

#6c473b
```
#6c473b rgb(108,71,59)
```
#3b6c5f
```
#3b6c5f rgb(59,108,95)
```
#6c3b61
```
#6c3b61 rgb(108,59,97)
```

Split Complementary Color

#6c5f3b
```
#6c5f3b rgb(108,95,59)
```
#3b6c5f
```
#3b6c5f rgb(59,108,95)
```
#5f3b6c
```
#5f3b6c rgb(95,59,108)
```

Triadic Color

#203b33
```
#203b33 rgb(32,59,51)
```
#294b42
```
#294b42 rgb(41,75,66)
```
#325c50
```
#325c50 rgb(50,92,80)
```
#3b6c5f
```
#3b6c5f rgb(59,108,95)
```
#447c6e
```
#447c6e rgb(68,124,110)
```
#4d8d7c
```
#4d8d7c rgb(77,141,124)
```
#569d8b
```
#569d8b rgb(86,157,139)
```

Monochromatic Color

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

#3b6c53
```
#3b6c53 rgb(59,108,83)
```
#3b6c57
```
#3b6c57 rgb(59,108,87)
```
#3b6c5b
```
#3b6c5b rgb(59,108,91)
```
#3b6c5f
```
#3b6c5f rgb(59,108,95)
```
#3b6c63
```
#3b6c63 rgb(59,108,99)
```
#3b6c67
```
#3b6c67 rgb(59,108,103)
```
#3b6c6b
```
#3b6c6b rgb(59,108,107)
```

Similar Colors

Text with hexadecimal color #3b6c5f

This text has a font color of #3b6c5f.

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

#3b6c5f background color

This paragraph has a background color of #3b6c5f.

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

#3b6c5f border color

This element has a border color of #3b6c5f.

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

CSS codes

.text {color:#3b6c5f;}

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

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

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

#040706
```
#040706 rgb(4,7,6)
```
#0a1311
```
#0a1311 rgb(10,19,17)
```
#11201c
```
#11201c rgb(17,32,28)
```
#182d27
```
#182d27 rgb(24,45,39)
```
#1f3932
```
#1f3932 rgb(31,57,50)
```
#26463e
```
#26463e rgb(38,70,62)
```
#2d5349
```
#2d5349 rgb(45,83,73)
```
#345f54
```
#345f54 rgb(52,95,84)
```
#3b6c5f
```
#3b6c5f rgb(59,108,95)
```
#42796a
```
#42796a rgb(66,121,106)
```
#498575
```
#498575 rgb(73,133,117)
```
#509280
```
#509280 rgb(80,146,128)
```
#579f8c
```
#579f8c rgb(87,159,140)
```

Shade Color Variation

#61a895
```
#61a895 rgb(97,168,149)
```
#6daf9e
```
#6daf9e rgb(109,175,158)
```
#7ab6a6
```
#7ab6a6 rgb(122,182,166)
```
#87bdaf
```
#87bdaf rgb(135,189,175)
```
#93c4b7
```
#93c4b7 rgb(147,196,183)
```
#a0cbc0
```
#a0cbc0 rgb(160,203,192)
```
#add2c8
```
#add2c8 rgb(173,210,200)
```
#b9d9d1
```
#b9d9d1 rgb(185,217,209)
```
#c6e0d9
```
#c6e0d9 rgb(198,224,217)
```
#d3e7e2
```
#d3e7e2 rgb(211,231,226)
```
#dfeeea
```
#dfeeea rgb(223,238,234)
```
#ecf5f2
```
#ecf5f2 rgb(236,245,242)
```
#f9fcfb
```
#f9fcfb rgb(249,252,251)
```

Tint Color Variation

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

#4e5956
```
#4e5956 rgb(78,89,86)
```
#485f59
```
#485f59 rgb(72,95,89)
```
#41665c
```
#41665c rgb(65,102,92)
```
#3b6c5f
```
#3b6c5f rgb(59,108,95)
```
#357262
```
#357262 rgb(53,114,98)
```
#2e7965
```
#2e7965 rgb(46,121,101)
```
#287f68
```
#287f68 rgb(40,127,104)
```
#21866b
```
#21866b rgb(33,134,107)
```
#1b8c6e
```
#1b8c6e rgb(27,140,110)
```
#149371
```
#149371 rgb(20,147,113)
```
#0e9974
```
#0e9974 rgb(14,153,116)
```
#089f77
```
#089f77 rgb(8,159,119)
```
#01a67a
```
#01a67a rgb(1,166,122)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#555f5d Atypical Achromatopsia 0.001% of the population

Dichromacy

#6e6a62 Protanopia 1% of men
#74676b Deuteranopia 1% of men
#4b7079 Tritanopia 0.001% of the population

Trichromacy

#5c6b61 Protanomaly 1% of men, 0.01% of women
#5f6966 Deuteranomaly 6% of men, 0.4% of women
#456f6f Tritanomaly 0.01% of the population