#3b695e hex color

In a RGB color space, hex #3b695e is composed of 23.1% red, 41.2% green and 36.9% blue. Whereas in a CMYK color space, it is composed of 43.8% cyan, 0% magenta, 10.5% yellow and 58.8% black. It has a hue angle of 165.7 degrees, a saturation of 28% and a lightness of 32.2%. #3b695e color hex could be obtained by blending #76d2bc with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 23
- G 41
- B 37
RGB color chart
- C 44
- M 0
- Y 10
- K 59
CMYK color chart

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

The hexadecimal color #3b695e has RGB values of R:59, G:105, B:94 and CMYK values of C:0.44, M:0, Y:0.1, K:0.59. Its decimal value is 3893598.

Hex triplet	3b695e	`#3b695e`
RGB Decimal	59, 105, 94	`rgb(59,105,94)`
RGB Percent	23.1, 41.2, 36.9	`rgb(23.1%,41.2%,36.9%)`
CMYK	44, 0, 10, 59
HSL	165.7°, 28, 32.2	`hsl(165.7,28%,32.2%)`
HSV (or HSB)	165.7°, 43.8, 41.2
Web Safe	336666	`#336666`

CIE-LAB	40.962, -18.688, 1.249
XYZ	8.875, 11.841, 12.407
xyY	0.268, 0.357, 11.841
CIE-LCH	40.962, 18.729, 176.177
CIE-LUV	40.962, -20.847, 4.276
Hunter-Lab	34.41, -14.179, 2.71
Binary	00111011, 01101001, 01011110

#3b695e
```
#3b695e rgb(59,105,94)
```
#693b46
```
#693b46 rgb(105,59,70)
```

Complementary Color

#3b6947
```
#3b6947 rgb(59,105,71)
```
#3b695e
```
#3b695e rgb(59,105,94)
```
#3b5d69
```
#3b5d69 rgb(59,93,105)
```

Analogous Color

#69473b
```
#69473b rgb(105,71,59)
```
#3b695e
```
#3b695e rgb(59,105,94)
```
#693b5d
```
#693b5d rgb(105,59,93)
```

Split Complementary Color

#695e3b
```
#695e3b rgb(105,94,59)
```
#3b695e
```
#3b695e rgb(59,105,94)
```
#5e3b69
```
#5e3b69 rgb(94,59,105)
```

Triadic Color

#46693b
```
#46693b rgb(70,105,59)
```
#3b695e
```
#3b695e rgb(59,105,94)
```
#5e3b69
```
#5e3b69 rgb(94,59,105)
```
#693b46
```
#693b46 rgb(105,59,70)
```

Tetradic Color

#1f3832
```
#1f3832 rgb(31,56,50)
```
#294841
```
#294841 rgb(41,72,65)
```
#32594f
```
#32594f rgb(50,89,79)
```
#3b695e
```
#3b695e rgb(59,105,94)
```
#44796d
```
#44796d rgb(68,121,109)
```
#4d8a7b
```
#4d8a7b rgb(77,138,123)
```
#579a8a
```
#579a8a rgb(87,154,138)
```

Monochromatic Color

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

#3b6953
```
#3b6953 rgb(59,105,83)
```
#3b6956
```
#3b6956 rgb(59,105,86)
```
#3b695a
```
#3b695a rgb(59,105,90)
```
#3b695e
```
#3b695e rgb(59,105,94)
```
#3b6962
```
#3b6962 rgb(59,105,98)
```
#3b6966
```
#3b6966 rgb(59,105,102)
```
#3b6969
```
#3b6969 rgb(59,105,105)
```

Similar Colors

Text with hexadecimal color #3b695e

This text has a font color of #3b695e.

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

#3b695e background color

This paragraph has a background color of #3b695e.

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

#3b695e border color

This element has a border color of #3b695e.

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

CSS codes

.text {color:#3b695e;}

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

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

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

#030504
```
#030504 rgb(3,5,4)
```
#0a110f
```
#0a110f rgb(10,17,15)
```
#111e1b
```
#111e1b rgb(17,30,27)
```
#182a26
```
#182a26 rgb(24,42,38)
```
#1f3731
```
#1f3731 rgb(31,55,49)
```
#26433c
```
#26433c rgb(38,67,60)
```
#2d5048
```
#2d5048 rgb(45,80,72)
```
#345c53
```
#345c53 rgb(52,92,83)
```
#3b695e
```
#3b695e rgb(59,105,94)
```
#427669
```
#427669 rgb(66,118,105)
```
#498274
```
#498274 rgb(73,130,116)
```
#508f80
```
#508f80 rgb(80,143,128)
```
#579b8b
```
#579b8b rgb(87,155,139)
```

Shade Color Variation

#60a695
```
#60a695 rgb(96,166,149)
```
#6dad9e
```
#6dad9e rgb(109,173,158)
```
#79b4a6
```
#79b4a6 rgb(121,180,166)
```
#86bbae
```
#86bbae rgb(134,187,174)
```
#93c2b7
```
#93c2b7 rgb(147,194,183)
```
#9fc9bf
```
#9fc9bf rgb(159,201,191)
```
#acd0c7
```
#acd0c7 rgb(172,208,199)
```
#b8d7d0
```
#b8d7d0 rgb(184,215,208)
```
#c5ded8
```
#c5ded8 rgb(197,222,216)
```
#d1e5e1
```
#d1e5e1 rgb(209,229,225)
```
#deece9
```
#deece9 rgb(222,236,233)
```
#eaf3f1
```
#eaf3f1 rgb(234,243,241)
```
#f7fafa
```
#f7fafa rgb(247,250,250)
```

Tint Color Variation

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

#4e5654
```
#4e5654 rgb(78,86,84)
```
#485c57
```
#485c57 rgb(72,92,87)
```
#41635b
```
#41635b rgb(65,99,91)
```
#3b695e
```
#3b695e rgb(59,105,94)
```
#356f61
```
#356f61 rgb(53,111,97)
```
#2e7665
```
#2e7665 rgb(46,118,101)
```
#287c68
```
#287c68 rgb(40,124,104)
```
#22826b
```
#22826b rgb(34,130,107)
```
#1b896e
```
#1b896e rgb(27,137,110)
```
#158f72
```
#158f72 rgb(21,143,114)
```
#0f9575
```
#0f9575 rgb(15,149,117)
```
#099b78
```
#099b78 rgb(9,155,120)
```
#02a27c
```
#02a27c rgb(2,162,124)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#545d5b Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c6862 Protanopia 1% of men
#71656a Deuteranopia 1% of men
#4a6e76 Tritanopia 0.001% of the population

Trichromacy

#5a6860 Protanomaly 1% of men, 0.01% of women
#5d6665 Deuteranomaly 6% of men, 0.4% of women
#446c6d Tritanomaly 0.01% of the population

#3b695e hex color

#3b695e Color Information

#3b695e Color Conversion

Color Schemes with #3b695e

Alternatives to #3b695e

#3b695e Preview

Shades and Tints of #3b695e

Tones of #3b695e

Color Blindness Simulator