#3b5d76 hex color

In a RGB color space, hex #3b5d76 is composed of 23.1% red, 36.5% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 21.2% magenta, 0% yellow and 53.7% black. It has a hue angle of 205.4 degrees, a saturation of 33.3% and a lightness of 34.7%. #3b5d76 color hex could be obtained by blending #76baec with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 23
- G 36
- B 46
RGB color chart
- C 50
- M 21
- Y 0
- K 54
CMYK color chart

● #3b5d76 color description : Dark moderate blue.

The hexadecimal color #3b5d76 has RGB values of R:59, G:93, B:118 and CMYK values of C:0.5, M:0.21, Y:0, K:0.54. Its decimal value is 3890550.

Hex triplet	3b5d76	`#3b5d76`
RGB Decimal	59, 93, 118	`rgb(59,93,118)`
RGB Percent	23.1, 36.5, 46.3	`rgb(23.1%,36.5%,46.3%)`
CMYK	50, 21, 0, 54
HSL	205.4°, 33.3, 34.7	`hsl(205.4,33.3%,34.7%)`
HSV (or HSB)	205.4°, 50, 46.3
Web Safe	336666	`#336666`

CIE-LAB	37.961, -4.8, -17.952
XYZ	8.987, 10.066, 18.608
xyY	0.239, 0.267, 10.066
CIE-LCH	37.961, 18.583, 255.029
CIE-LUV	37.961, -15.425, -23.95
Hunter-Lab	31.727, -4.959, -12.565
Binary	00111011, 01011101, 01110110

#3b5d76
```
#3b5d76 rgb(59,93,118)
```
#76543b
```
#76543b rgb(118,84,59)
```

Complementary Color

#3b7672
```
#3b7672 rgb(59,118,114)
```
#3b5d76
```
#3b5d76 rgb(59,93,118)
```
#3b4076
```
#3b4076 rgb(59,64,118)
```

Analogous Color

#76723b
```
#76723b rgb(118,114,59)
```
#3b5d76
```
#3b5d76 rgb(59,93,118)
```
#763b40
```
#763b40 rgb(118,59,64)
```

Split Complementary Color

#5d763b
```
#5d763b rgb(93,118,59)
```
#3b5d76
```
#3b5d76 rgb(59,93,118)
```
#763b5d
```
#763b5d rgb(118,59,93)
```

Triadic Color

#3b7654
```
#3b7654 rgb(59,118,84)
```
#3b5d76
```
#3b5d76 rgb(59,93,118)
```
#763b5d
```
#763b5d rgb(118,59,93)
```
#76543b
```
#76543b rgb(118,84,59)
```

Tetradic Color

#223543
```
#223543 rgb(34,53,67)
```
#2a4254
```
#2a4254 rgb(42,66,84)
```
#335065
```
#335065 rgb(51,80,101)
```
#3b5d76
```
#3b5d76 rgb(59,93,118)
```
#446a87
```
#446a87 rgb(68,106,135)
```
#4c7898
```
#4c7898 rgb(76,120,152)
```
#5585a9
```
#5585a9 rgb(85,133,169)
```

Monochromatic Color

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

#3b6c76
```
#3b6c76 rgb(59,108,118)
```
#3b6776
```
#3b6776 rgb(59,103,118)
```
#3b6276
```
#3b6276 rgb(59,98,118)
```
#3b5d76
```
#3b5d76 rgb(59,93,118)
```
#3b5876
```
#3b5876 rgb(59,88,118)
```
#3b5376
```
#3b5376 rgb(59,83,118)
```
#3b4e76
```
#3b4e76 rgb(59,78,118)
```

Similar Colors

Text with hexadecimal color #3b5d76

This text has a font color of #3b5d76.

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

#3b5d76 background color

This paragraph has a background color of #3b5d76.

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

#3b5d76 border color

This element has a border color of #3b5d76.

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

CSS codes

.text {color:#3b5d76;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#070b0d
```
#070b0d rgb(7,11,13)
```
#0d151a
```
#0d151a rgb(13,21,26)
```
#141f28
```
#141f28 rgb(20,31,40)
```
#1a2935
```
#1a2935 rgb(26,41,53)
```
#213442
```
#213442 rgb(33,52,66)
```
#273e4f
```
#273e4f rgb(39,62,79)
```
#2e485c
```
#2e485c rgb(46,72,92)
```
#345369
```
#345369 rgb(52,83,105)
```
#3b5d76
```
#3b5d76 rgb(59,93,118)
```
#426783
```
#426783 rgb(66,103,131)
```
#487290
```
#487290 rgb(72,114,144)
```
#4f7c9d
```
#4f7c9d rgb(79,124,157)
```

Shade Color Variation

#5586aa
```
#5586aa rgb(85,134,170)
```
#6290b1
```
#6290b1 rgb(98,144,177)
```
#6f99b7
```
#6f99b7 rgb(111,153,183)
```
#7da2be
```
#7da2be rgb(125,162,190)
```
#8aabc4
```
#8aabc4 rgb(138,171,196)
```
#97b5cb
```
#97b5cb rgb(151,181,203)
```
#a4bed1
```
#a4bed1 rgb(164,190,209)
```
#b1c7d8
```
#b1c7d8 rgb(177,199,216)
```
#bed1de
```
#bed1de rgb(190,209,222)
```
#cbdae5
```
#cbdae5 rgb(203,218,229)
```
#d8e3ec
```
#d8e3ec rgb(216,227,236)
```
#e5edf2
```
#e5edf2 rgb(229,237,242)
```
#f2f6f9
```
#f2f6f9 rgb(242,246,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #56595b is the less saturated color, while #0565ac is the most saturated one.

#56595b
```
#56595b rgb(86,89,91)
```
#4f5a62
```
#4f5a62 rgb(79,90,98)
```
#495b68
```
#495b68 rgb(73,91,104)
```
#425c6f
```
#425c6f rgb(66,92,111)
```
#3b5d76
```
#3b5d76 rgb(59,93,118)
```
#345e7d
```
#345e7d rgb(52,94,125)
```
#2d5f84
```
#2d5f84 rgb(45,95,132)
```
#27608a
```
#27608a rgb(39,96,138)
```
#206191
```
#206191 rgb(32,97,145)
```
#196298
```
#196298 rgb(25,98,152)
```
#12639f
```
#12639f rgb(18,99,159)
```
#0b64a6
```
#0b64a6 rgb(11,100,166)
```
#0565ac
```
#0565ac rgb(5,101,172)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#51575c Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b607a Protanopia 1% of men
#5a607e Deuteranopia 1% of men
#3f676f Tritanopia 0.001% of the population

Trichromacy

#4f5f78 Protanomaly 1% of men, 0.01% of women
#4e5f7b Deuteranomaly 6% of men, 0.4% of women
#3e6371 Tritanomaly 0.01% of the population

#3b5d76 hex color

#3b5d76 Color Information

#3b5d76 Color Conversion

Color Schemes with #3b5d76

Alternatives to #3b5d76

#3b5d76 Preview

Shades and Tints of #3b5d76

Tones of #3b5d76

Color Blindness Simulator