colorhexa.com

#3b5477 hex color

In a RGB color space, hex #3b5477 is composed of 23.1% red, 32.9% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 50.4% cyan, 29.4% magenta, 0% yellow and 53.3% black. It has a hue angle of 215 degrees, a saturation of 33.7% and a lightness of 34.9%. #3b5477 color hex could be obtained by blending #76a8ee with #000000. Closest websafe color is: #336666.

- R 23
- G 33
- B 47
RGB color chart
- C 50
- M 29
- Y 0
- K 53
CMYK color chart

● #3b5477 color description : Dark moderate blue.

The hexadecimal color #3b5477 has RGB values of R:59, G:84, B:119 and CMYK values of C:0.5, M:0.29, Y:0, K:0.53. Its decimal value is 3888247.

Hex triplet	3b5477	`#3b5477`
RGB Decimal	59, 84, 119	`rgb(59,84,119)`
RGB Percent	23.1, 32.9, 46.7	`rgb(23.1%,32.9%,46.7%)`
CMYK	50, 29, 0, 53
HSL	215°, 33.7, 34.9	`hsl(215,33.7%,34.9%)`
HSV (or HSB)	215°, 50.4, 46.7
Web Safe	336666	`#336666`

CIE-LAB	35.206, 1.138, -22.834
XYZ	8.303, 8.602, 18.675
xyY	0.233, 0.242, 8.602
CIE-LCH	35.206, 22.862, 272.852
CIE-LUV	35.206, -11.934, -31.098
Hunter-Lab	29.329, -0.793, -17.221
Binary	00111011, 01010100, 01110111

#3b5477
```
#3b5477 rgb(59,84,119)
```
#775e3b
```
#775e3b rgb(119,94,59)
```

Complementary Color

#3b7277
```
#3b7277 rgb(59,114,119)
```
#3b5477
```
#3b5477 rgb(59,84,119)
```
#403b77
```
#403b77 rgb(64,59,119)
```

Analogous Color

#72773b
```
#72773b rgb(114,119,59)
```
#3b5477
```
#3b5477 rgb(59,84,119)
```
#77403b
```
#77403b rgb(119,64,59)
```

Split Complementary Color

#54773b
```
#54773b rgb(84,119,59)
```
#3b5477
```
#3b5477 rgb(59,84,119)
```
#773b54
```
#773b54 rgb(119,59,84)
```

Triadic Color

#223044
```
#223044 rgb(34,48,68)
```
#2a3c55
```
#2a3c55 rgb(42,60,85)
```
#334866
```
#334866 rgb(51,72,102)
```
#3b5477
```
#3b5477 rgb(59,84,119)
```
#436088
```
#436088 rgb(67,96,136)
```
#4c6c99
```
#4c6c99 rgb(76,108,153)
```
#5478aa
```
#5478aa rgb(84,120,170)
```

Monochromatic Color

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

#3b6377
```
#3b6377 rgb(59,99,119)
```
#3b5e77
```
#3b5e77 rgb(59,94,119)
```
#3b5977
```
#3b5977 rgb(59,89,119)
```
#3b5477
```
#3b5477 rgb(59,84,119)
```
#3b4f77
```
#3b4f77 rgb(59,79,119)
```
#3b4a77
```
#3b4a77 rgb(59,74,119)
```
#3b4577
```
#3b4577 rgb(59,69,119)
```

Similar Colors

Text with hexadecimal color #3b5477

This text has a font color of #3b5477.

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

#3b5477 background color

This paragraph has a background color of #3b5477.

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

#3b5477 border color

This element has a border color of #3b5477.

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

CSS codes

.text {color:#3b5477;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#070a0e
```
#070a0e rgb(7,10,14)
```
#0d131b
```
#0d131b rgb(13,19,27)
```
#141c28
```
#141c28 rgb(20,28,40)
```
#1a2635
```
#1a2635 rgb(26,38,53)
```
#212f43
```
#212f43 rgb(33,47,67)
```
#273850
```
#273850 rgb(39,56,80)
```
#2e415d
```
#2e415d rgb(46,65,93)
```
#344b6a
```
#344b6a rgb(52,75,106)
```
#3b5477
```
#3b5477 rgb(59,84,119)
```
#425d84
```
#425d84 rgb(66,93,132)
```
#486791
```
#486791 rgb(72,103,145)
```
#4f709e
```
#4f709e rgb(79,112,158)
```

Shade Color Variation

#5579ab
```
#5579ab rgb(85,121,171)
```
#6383b1
```
#6383b1 rgb(99,131,177)
```
#708eb8
```
#708eb8 rgb(112,142,184)
```
#7d98be
```
#7d98be rgb(125,152,190)
```
#8aa3c5
```
#8aa3c5 rgb(138,163,197)
```
#97adcb
```
#97adcb rgb(151,173,203)
```
#a4b7d2
```
#a4b7d2 rgb(164,183,210)
```
#b1c2d8
```
#b1c2d8 rgb(177,194,216)
```
#beccdf
```
#beccdf rgb(190,204,223)
```
#ccd6e5
```
#ccd6e5 rgb(204,214,229)
```
#d9e1ec
```
#d9e1ec rgb(217,225,236)
```
#e6ebf2
```
#e6ebf2 rgb(230,235,242)
```
#f3f5f9
```
#f3f5f9 rgb(243,245,249)
```

Tint Color Variation

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

#56595c
```
#56595c rgb(86,89,92)
```
#505762
```
#505762 rgb(80,87,98)
```
#495669
```
#495669 rgb(73,86,105)
```
#425570
```
#425570 rgb(66,85,112)
```
#3b5477
```
#3b5477 rgb(59,84,119)
```
#34537e
```
#34537e rgb(52,83,126)
```
#2d5285
```
#2d5285 rgb(45,82,133)
```
#26518c
```
#26518c rgb(38,81,140)
```
#204f92
```
#204f92 rgb(32,79,146)
```
#194e99
```
#194e99 rgb(25,78,153)
```
#124da0
```
#124da0 rgb(18,77,160)
```
#0b4ca7
```
#0b4ca7 rgb(11,76,167)
```
#044bae
```
#044bae rgb(4,75,174)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#4d5259 Atypical Achromatopsia 0.001% of the population

Dichromacy

#505a7c Protanopia 1% of men
#4d5b7e Deuteranopia 1% of men
#3c6168 Tritanopia 0.001% of the population

Trichromacy

#48587a Protanomaly 1% of men, 0.01% of women
#46587b Deuteranomaly 6% of men, 0.4% of women
#3c5c6d Tritanomaly 0.01% of the population