colorhexa.com

#3b6b60 hex color

In a RGB color space, hex #3b6b60 is composed of 23.1% red, 42% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 44.9% cyan, 0% magenta, 10.3% yellow and 58% black. It has a hue angle of 166.3 degrees, a saturation of 28.9% and a lightness of 32.5%. #3b6b60 color hex could be obtained by blending #76d6c0 with #000000. Closest websafe color is: #336666.

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

● #3b6b60 color description : Very dark desaturated cyan.

The hexadecimal color #3b6b60 has RGB values of R:59, G:107, B:96 and CMYK values of C:0.45, M:0, Y:0.1, K:0.58. Its decimal value is 3894112.

Hex triplet	3b6b60	`#3b6b60`
RGB Decimal	59, 107, 96	`rgb(59,107,96)`
RGB Percent	23.1, 42, 37.6	`rgb(23.1%,42%,37.6%)`
CMYK	45, 0, 10, 58
HSL	166.3°, 28.9, 32.5	`hsl(166.3,28.9%,32.5%)`
HSV (or HSB)	166.3°, 44.9, 42
Web Safe	336666	`#336666`

CIE-LAB	41.672, -19.247, 1.068
XYZ	9.172, 12.289, 12.954
xyY	0.267, 0.357, 12.289
CIE-LCH	41.672, 19.277, 176.825
CIE-LUV	41.672, -21.645, 4.136
Hunter-Lab	35.056, -14.645, 2.629
Binary	00111011, 01101011, 01100000

#3b6b60
```
#3b6b60 rgb(59,107,96)
```
#6b3b46
```
#6b3b46 rgb(107,59,70)
```

Complementary Color

#3b6b48
```
#3b6b48 rgb(59,107,72)
```
#3b6b60
```
#3b6b60 rgb(59,107,96)
```
#3b5e6b
```
#3b5e6b rgb(59,94,107)
```

Analogous Color

#6b483b
```
#6b483b rgb(107,72,59)
```
#3b6b60
```
#3b6b60 rgb(59,107,96)
```
#6b3b5e
```
#6b3b5e rgb(107,59,94)
```

Split Complementary Color

#6b603b
```
#6b603b rgb(107,96,59)
```
#3b6b60
```
#3b6b60 rgb(59,107,96)
```
#603b6b
```
#603b6b rgb(96,59,107)
```

Triadic Color

#203a34
```
#203a34 rgb(32,58,52)
```
#294a43
```
#294a43 rgb(41,74,67)
```
#325b51
```
#325b51 rgb(50,91,81)
```
#3b6b60
```
#3b6b60 rgb(59,107,96)
```
#447b6f
```
#447b6f rgb(68,123,111)
```
#4d8c7d
```
#4d8c7d rgb(77,140,125)
```
#569c8c
```
#569c8c rgb(86,156,140)
```

Monochromatic Color

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

#3b6b54
```
#3b6b54 rgb(59,107,84)
```
#3b6b58
```
#3b6b58 rgb(59,107,88)
```
#3b6b5c
```
#3b6b5c rgb(59,107,92)
```
#3b6b60
```
#3b6b60 rgb(59,107,96)
```
#3b6b64
```
#3b6b64 rgb(59,107,100)
```
#3b6b68
```
#3b6b68 rgb(59,107,104)
```
#3b6a6b
```
#3b6a6b rgb(59,106,107)
```

Similar Colors

Text with hexadecimal color #3b6b60

This text has a font color of #3b6b60.

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

#3b6b60 background color

This paragraph has a background color of #3b6b60.

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

#3b6b60 border color

This element has a border color of #3b6b60.

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

CSS codes

.text {color:#3b6b60;}

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

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

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

#030605
```
#030605 rgb(3,6,5)
```
#0a1211
```
#0a1211 rgb(10,18,17)
```
#111f1c
```
#111f1c rgb(17,31,28)
```
#182c27
```
#182c27 rgb(24,44,39)
```
#1f3833
```
#1f3833 rgb(31,56,51)
```
#26453e
```
#26453e rgb(38,69,62)
```
#2d5249
```
#2d5249 rgb(45,82,73)
```
#345e55
```
#345e55 rgb(52,94,85)
```
#3b6b60
```
#3b6b60 rgb(59,107,96)
```
#42786b
```
#42786b rgb(66,120,107)
```
#498477
```
#498477 rgb(73,132,119)
```
#509182
```
#509182 rgb(80,145,130)
```
#579e8d
```
#579e8d rgb(87,158,141)
```

Shade Color Variation

#60a897
```
#60a897 rgb(96,168,151)
```
#6dafa0
```
#6dafa0 rgb(109,175,160)
```
#7ab6a8
```
#7ab6a8 rgb(122,182,168)
```
#86bdb0
```
#86bdb0 rgb(134,189,176)
```
#93c3b8
```
#93c3b8 rgb(147,195,184)
```
#a0cac1
```
#a0cac1 rgb(160,202,193)
```
#acd1c9
```
#acd1c9 rgb(172,209,201)
```
#b9d8d1
```
#b9d8d1 rgb(185,216,209)
```
#c6dfd9
```
#c6dfd9 rgb(198,223,217)
```
#d2e6e2
```
#d2e6e2 rgb(210,230,226)
```
#dfedea
```
#dfedea rgb(223,237,234)
```
#ecf4f2
```
#ecf4f2 rgb(236,244,242)
```
#f8fbfb
```
#f8fbfb rgb(248,251,251)
```

Tint Color Variation

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

#4e5856
```
#4e5856 rgb(78,88,86)
```
#485e59
```
#485e59 rgb(72,94,89)
```
#41655d
```
#41655d rgb(65,101,93)
```
#3b6b60
```
#3b6b60 rgb(59,107,96)
```
#357163
```
#357163 rgb(53,113,99)
```
#2e7867
```
#2e7867 rgb(46,120,103)
```
#287e6a
```
#287e6a rgb(40,126,106)
```
#21856e
```
#21856e rgb(33,133,110)
```
#1b8b71
```
#1b8b71 rgb(27,139,113)
```
#159175
```
#159175 rgb(21,145,117)
```
#0e9878
```
#0e9878 rgb(14,152,120)
```
#089e7c
```
#089e7c rgb(8,158,124)
```
#02a47f
```
#02a47f rgb(2,164,127)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#555e5c Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d6a63 Protanopia 1% of men
#73676c Deuteranopia 1% of men
#4a7078 Tritanopia 0.001% of the population

Trichromacy

#5b6a62 Protanomaly 1% of men, 0.01% of women
#5e6867 Deuteranomaly 6% of men, 0.4% of women
#446e6f Tritanomaly 0.01% of the population