#3b5a54 hex color

In a RGB color space, hex #3b5a54 is composed of 23.1% red, 35.3% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 34.4% cyan, 0% magenta, 6.7% yellow and 64.7% black. It has a hue angle of 168.4 degrees, a saturation of 20.8% and a lightness of 29.2%. #3b5a54 color hex could be obtained by blending #76b4a8 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 23
- G 35
- B 33
RGB color chart
- C 34
- M 0
- Y 7
- K 65
CMYK color chart

● #3b5a54 color description : Very dark grayish cyan.

The hexadecimal color #3b5a54 has RGB values of R:59, G:90, B:84 and CMYK values of C:0.34, M:0, Y:0.07, K:0.65. Its decimal value is 3889748.

Hex triplet	3b5a54	`#3b5a54`
RGB Decimal	59, 90, 84	`rgb(59,90,84)`
RGB Percent	23.1, 35.3, 32.9	`rgb(23.1%,35.3%,32.9%)`
CMYK	34, 0, 7, 65
HSL	168.4°, 20.8, 29.2	`hsl(168.4,20.8%,29.2%)`
HSV (or HSB)	168.4°, 34.4, 35.3
Web Safe	336666	`#336666`

CIE-LAB	35.756, -12.91, -0.18
XYZ	7.06, 8.882, 9.729
xyY	0.275, 0.346, 8.882
CIE-LCH	35.756, 12.911, 180.797
CIE-LUV	35.756, -14.511, 1.55
Hunter-Lab	29.803, -9.872, 1.506
Binary	00111011, 01011010, 01010100

#3b5a54
```
#3b5a54 rgb(59,90,84)
```
#5a3b41
```
#5a3b41 rgb(90,59,65)
```

Complementary Color

#3b5a45
```
#3b5a45 rgb(59,90,69)
```
#3b5a54
```
#3b5a54 rgb(59,90,84)
```
#3b515a
```
#3b515a rgb(59,81,90)
```

Analogous Color

#5a453b
```
#5a453b rgb(90,69,59)
```
#3b5a54
```
#3b5a54 rgb(59,90,84)
```
#5a3b51
```
#5a3b51 rgb(90,59,81)
```

Split Complementary Color

#5a543b
```
#5a543b rgb(90,84,59)
```
#3b5a54
```
#3b5a54 rgb(59,90,84)
```
#543b5a
```
#543b5a rgb(84,59,90)
```

Triadic Color

#415a3b
```
#415a3b rgb(65,90,59)
```
#3b5a54
```
#3b5a54 rgb(59,90,84)
```
#543b5a
```
#543b5a rgb(84,59,90)
```
#5a3b41
```
#5a3b41 rgb(90,59,65)
```

Tetradic Color

#1d2c29
```
#1d2c29 rgb(29,44,41)
```
#273b37
```
#273b37 rgb(39,59,55)
```
#314b46
```
#314b46 rgb(49,75,70)
```
#3b5a54
```
#3b5a54 rgb(59,90,84)
```
#456962
```
#456962 rgb(69,105,98)
```
#4f7971
```
#4f7971 rgb(79,121,113)
```
#59887f
```
#59887f rgb(89,136,127)
```

Monochromatic Color

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

#3b5a4c
```
#3b5a4c rgb(59,90,76)
```
#3b5a4f
```
#3b5a4f rgb(59,90,79)
```
#3b5a51
```
#3b5a51 rgb(59,90,81)
```
#3b5a54
```
#3b5a54 rgb(59,90,84)
```
#3b5a57
```
#3b5a57 rgb(59,90,87)
```
#3b5a59
```
#3b5a59 rgb(59,90,89)
```
#3b585a
```
#3b585a rgb(59,88,90)
```

Similar Colors

Text with hexadecimal color #3b5a54

This text has a font color of #3b5a54.

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

#3b5a54 background color

This paragraph has a background color of #3b5a54.

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

#3b5a54 border color

This element has a border color of #3b5a54.

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

CSS codes

.text {color:#3b5a54;}

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

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

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

#050707
```
#050707 rgb(5,7,7)
```
#0c1312
```
#0c1312 rgb(12,19,18)
```
#141f1d
```
#141f1d rgb(20,31,29)
```
#1c2b28
```
#1c2b28 rgb(28,43,40)
```
#243633
```
#243633 rgb(36,54,51)
```
#2b423e
```
#2b423e rgb(43,66,62)
```
#334e49
```
#334e49 rgb(51,78,73)
```
#3b5a54
```
#3b5a54 rgb(59,90,84)
```
#43665f
```
#43665f rgb(67,102,95)
```
#4b726a
```
#4b726a rgb(75,114,106)
```
#527e75
```
#527e75 rgb(82,126,117)
```
#5a8980
```
#5a8980 rgb(90,137,128)
```
#62958b
```
#62958b rgb(98,149,139)
```

Shade Color Variation

#6c9f95
```
#6c9f95 rgb(108,159,149)
```
#78a69d
```
#78a69d rgb(120,166,157)
```
#84aea6
```
#84aea6 rgb(132,174,166)
```
#90b6af
```
#90b6af rgb(144,182,175)
```
#9bbeb7
```
#9bbeb7 rgb(155,190,183)
```
#a7c5c0
```
#a7c5c0 rgb(167,197,192)
```
#b3cdc8
```
#b3cdc8 rgb(179,205,200)
```
#bfd5d1
```
#bfd5d1 rgb(191,213,209)
```
#cbddd9
```
#cbddd9 rgb(203,221,217)
```
#d7e5e2
```
#d7e5e2 rgb(215,229,226)
```
#e3ecea
```
#e3ecea rgb(227,236,234)
```
#eef4f3
```
#eef4f3 rgb(238,244,243)
```
#fafcfc
```
#fafcfc rgb(250,252,252)
```

Tint Color Variation

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

#464f4d
```
#464f4d rgb(70,79,77)
```
#415450
```
#415450 rgb(65,84,80)
```
#3b5a54
```
#3b5a54 rgb(59,90,84)
```
#356058
```
#356058 rgb(53,96,88)
```
#30655b
```
#30655b rgb(48,101,91)
```
#2a6b5f
```
#2a6b5f rgb(42,107,95)
```
#247162
```
#247162 rgb(36,113,98)
```
#1e7766
```
#1e7766 rgb(30,119,102)
```
#197c69
```
#197c69 rgb(25,124,105)
```
#13826d
```
#13826d rgb(19,130,109)
```
#0d8870
```
#0d8870 rgb(13,136,112)
```
#078e74
```
#078e74 rgb(7,142,116)
```
#029377
```
#029377 rgb(2,147,119)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#4c5251 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5f5c59 Protanopia 1% of men
#645a5f Deuteranopia 1% of men
#486067 Tritanopia 0.001% of the population

Trichromacy

#525b57 Protanomaly 1% of men, 0.01% of women
#555a5b Deuteranomaly 6% of men, 0.4% of women
#435e60 Tritanomaly 0.01% of the population

#3b5a54 hex color

#3b5a54 Color Information

#3b5a54 Color Conversion

Color Schemes with #3b5a54

Alternatives to #3b5a54

#3b5a54 Preview

Shades and Tints of #3b5a54

Tones of #3b5a54

Color Blindness Simulator