#3b5e84 hex color

In a RGB color space, hex #3b5e84 is composed of 23.1% red, 36.9% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 55.3% cyan, 28.8% magenta, 0% yellow and 48.2% black. It has a hue angle of 211.2 degrees, a saturation of 38.2% and a lightness of 37.5%. #3b5e84 color hex could be obtained by blending #76bcff with #000009. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 23
- G 37
- B 52
RGB color chart
- C 55
- M 29
- Y 0
- K 48
CMYK color chart

● #3b5e84 color description : Dark moderate blue.

The hexadecimal color #3b5e84 has RGB values of R:59, G:94, B:132 and CMYK values of C:0.55, M:0.29, Y:0, K:0.48. Its decimal value is 3890820.

Hex triplet	3b5e84	`#3b5e84`
RGB Decimal	59, 94, 132	`rgb(59,94,132)`
RGB Percent	23.1, 36.9, 51.8	`rgb(23.1%,36.9%,51.8%)`
CMYK	55, 29, 0, 48
HSL	211.2°, 38.2, 37.5	`hsl(211.2,38.2%,37.5%)`
HSV (or HSB)	211.2°, 55.3, 51.8
Web Safe	336699	`#336699`

CIE-LAB	38.899, -0.827, -25.057
XYZ	9.97, 10.601, 23.349
xyY	0.227, 0.241, 10.601
CIE-LCH	38.899, 25.07, 268.109
CIE-LUV	38.899, -15.673, -34.992
Hunter-Lab	32.559, -2.316, -19.729
Binary	00111011, 01011110, 10000100

#3b5e84
```
#3b5e84 rgb(59,94,132)
```
#84613b
```
#84613b rgb(132,97,59)
```

Complementary Color

#3b8384
```
#3b8384 rgb(59,131,132)
```
#3b5e84
```
#3b5e84 rgb(59,94,132)
```
#3d3b84
```
#3d3b84 rgb(61,59,132)
```

Analogous Color

#83843b
```
#83843b rgb(131,132,59)
```
#3b5e84
```
#3b5e84 rgb(59,94,132)
```
#843d3b
```
#843d3b rgb(132,61,59)
```

Split Complementary Color

#5e843b
```
#5e843b rgb(94,132,59)
```
#3b5e84
```
#3b5e84 rgb(59,94,132)
```
#843b5e
```
#843b5e rgb(132,59,94)
```

Triadic Color

#3b8461
```
#3b8461 rgb(59,132,97)
```
#3b5e84
```
#3b5e84 rgb(59,94,132)
```
#843b5e
```
#843b5e rgb(132,59,94)
```
#84613b
```
#84613b rgb(132,97,59)
```

Tetradic Color

#23384f
```
#23384f rgb(35,56,79)
```
#2b4561
```
#2b4561 rgb(43,69,97)
```
#335172
```
#335172 rgb(51,81,114)
```
#3b5e84
```
#3b5e84 rgb(59,94,132)
```
#436b96
```
#436b96 rgb(67,107,150)
```
#4b77a7
```
#4b77a7 rgb(75,119,167)
```
#5784b4
```
#5784b4 rgb(87,132,180)
```

Monochromatic Color

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

#3b7084
```
#3b7084 rgb(59,112,132)
```
#3b6a84
```
#3b6a84 rgb(59,106,132)
```
#3b6484
```
#3b6484 rgb(59,100,132)
```
#3b5e84
```
#3b5e84 rgb(59,94,132)
```
#3b5884
```
#3b5884 rgb(59,88,132)
```
#3b5284
```
#3b5284 rgb(59,82,132)
```
#3b4c84
```
#3b4c84 rgb(59,76,132)
```

Similar Colors

Text with hexadecimal color #3b5e84

This text has a font color of #3b5e84.

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

#3b5e84 background color

This paragraph has a background color of #3b5e84.

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

#3b5e84 border color

This element has a border color of #3b5e84.

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

CSS codes

.text {color:#3b5e84;}

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

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

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, #04070a is the darkest color, while #fbfcfd is the lightest one.

#04070a
```
#04070a rgb(4,7,10)
```
#0b1118
```
#0b1118 rgb(11,17,24)
```
#111a25
```
#111a25 rgb(17,26,37)
```
#172433
```
#172433 rgb(23,36,51)
```
#1d2e40
```
#1d2e40 rgb(29,46,64)
```
#23374e
```
#23374e rgb(35,55,78)
```
#29415b
```
#29415b rgb(41,65,91)
```
#2f4b69
```
#2f4b69 rgb(47,75,105)
```
#355476
```
#355476 rgb(53,84,118)
```
#3b5e84
```
#3b5e84 rgb(59,94,132)
```
#416892
```
#416892 rgb(65,104,146)
```
#47719f
```
#47719f rgb(71,113,159)
```
#4d7bad
```
#4d7bad rgb(77,123,173)
```

Shade Color Variation

#5985b5
```
#5985b5 rgb(89,133,181)
```
#668fbb
```
#668fbb rgb(102,143,187)
```
#7499c1
```
#7499c1 rgb(116,153,193)
```
#81a3c7
```
#81a3c7 rgb(129,163,199)
```
#8fadcd
```
#8fadcd rgb(143,173,205)
```
#9db7d3
```
#9db7d3 rgb(157,183,211)
```
#aac1d9
```
#aac1d9 rgb(170,193,217)
```
#b8cbdf
```
#b8cbdf rgb(184,203,223)
```
#c5d5e5
```
#c5d5e5 rgb(197,213,229)
```
#d3deeb
```
#d3deeb rgb(211,222,235)
```
#e0e8f1
```
#e0e8f1 rgb(224,232,241)
```
#eef2f7
```
#eef2f7 rgb(238,242,247)
```
#fbfcfd
```
#fbfcfd rgb(251,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #585f67 is the less saturated color, while #005cbf is the most saturated one.

#585f67
```
#585f67 rgb(88,95,103)
```
#515f6e
```
#515f6e rgb(81,95,110)
```
#4a5f75
```
#4a5f75 rgb(74,95,117)
```
#425e7d
```
#425e7d rgb(66,94,125)
```
#3b5e84
```
#3b5e84 rgb(59,94,132)
```
#345e8b
```
#345e8b rgb(52,94,139)
```
#2c5d93
```
#2c5d93 rgb(44,93,147)
```
#255d9a
```
#255d9a rgb(37,93,154)
```
#1e5da1
```
#1e5da1 rgb(30,93,161)
```
#165ca9
```
#165ca9 rgb(22,92,169)
```
#0f5cb0
```
#0f5cb0 rgb(15,92,176)
```
#085cb7
```
#085cb7 rgb(8,92,183)
```
#005cbf
```
#005cbf rgb(0,92,191)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#525961 Atypical Achromatopsia 0.001% of the population

Dichromacy

#576287 Protanopia 1% of men
#53638b Deuteranopia 1% of men
#3a6b72 Tritanopia 0.001% of the population

Trichromacy

#4d6186 Protanomaly 1% of men, 0.01% of women
#4a6188 Deuteranomaly 6% of men, 0.4% of women
#3a6679 Tritanomaly 0.01% of the population

#3b5e84 hex color

#3b5e84 Color Information

#3b5e84 Color Conversion

Color Schemes with #3b5e84

Alternatives to #3b5e84

#3b5e84 Preview

Shades and Tints of #3b5e84

Tones of #3b5e84

Color Blindness Simulator