#3b5f78 hex color

In a RGB color space, hex #3b5f78 is composed of 23.1% red, 37.3% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 50.8% cyan, 20.8% magenta, 0% yellow and 52.9% black. It has a hue angle of 204.6 degrees, a saturation of 34.1% and a lightness of 35.1%. #3b5f78 color hex could be obtained by blending #76bef0 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 23
- G 37
- B 47
RGB color chart
- C 51
- M 21
- Y 0
- K 53
CMYK color chart

● #3b5f78 color description : Dark moderate blue.

The hexadecimal color #3b5f78 has RGB values of R:59, G:95, B:120 and CMYK values of C:0.51, M:0.21, Y:0, K:0.53. Its decimal value is 3891064.

Hex triplet	3b5f78	`#3b5f78`
RGB Decimal	59, 95, 120	`rgb(59,95,120)`
RGB Percent	23.1, 37.3, 47.1	`rgb(23.1%,37.3%,47.1%)`
CMYK	51, 21, 0, 53
HSL	204.6°, 34.1, 35.1	`hsl(204.6,34.1%,35.1%)`
HSV (or HSB)	204.6°, 50.8, 47.1
Web Safe	336666	`#336666`

CIE-LAB	38.673, -5.379, -18.084
XYZ	9.285, 10.47, 19.3
xyY	0.238, 0.268, 10.47
CIE-LCH	38.673, 18.867, 253.434
CIE-LUV	38.673, -16.19, -24.187
Hunter-Lab	32.357, -5.402, -12.714
Binary	00111011, 01011111, 01111000

#3b5f78
```
#3b5f78 rgb(59,95,120)
```
#78543b
```
#78543b rgb(120,84,59)
```

Complementary Color

#3b7873
```
#3b7873 rgb(59,120,115)
```
#3b5f78
```
#3b5f78 rgb(59,95,120)
```
#3b4178
```
#3b4178 rgb(59,65,120)
```

Analogous Color

#78733b
```
#78733b rgb(120,115,59)
```
#3b5f78
```
#3b5f78 rgb(59,95,120)
```
#783b41
```
#783b41 rgb(120,59,65)
```

Split Complementary Color

#5f783b
```
#5f783b rgb(95,120,59)
```
#3b5f78
```
#3b5f78 rgb(59,95,120)
```
#783b5f
```
#783b5f rgb(120,59,95)
```

Triadic Color

#3b7854
```
#3b7854 rgb(59,120,84)
```
#3b5f78
```
#3b5f78 rgb(59,95,120)
```
#783b5f
```
#783b5f rgb(120,59,95)
```
#78543b
```
#78543b rgb(120,84,59)
```

Tetradic Color

#223645
```
#223645 rgb(34,54,69)
```
#2a4456
```
#2a4456 rgb(42,68,86)
```
#335167
```
#335167 rgb(51,81,103)
```
#3b5f78
```
#3b5f78 rgb(59,95,120)
```
#436d89
```
#436d89 rgb(67,109,137)
```
#4c7a9a
```
#4c7a9a rgb(76,122,154)
```
#5488ab
```
#5488ab rgb(84,136,171)
```

Monochromatic Color

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

#3b6e78
```
#3b6e78 rgb(59,110,120)
```
#3b6978
```
#3b6978 rgb(59,105,120)
```
#3b6478
```
#3b6478 rgb(59,100,120)
```
#3b5f78
```
#3b5f78 rgb(59,95,120)
```
#3b5a78
```
#3b5a78 rgb(59,90,120)
```
#3b5578
```
#3b5578 rgb(59,85,120)
```
#3b5078
```
#3b5078 rgb(59,80,120)
```

Similar Colors

Text with hexadecimal color #3b5f78

This text has a font color of #3b5f78.

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

#3b5f78 background color

This paragraph has a background color of #3b5f78.

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

#3b5f78 border color

This element has a border color of #3b5f78.

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

CSS codes

.text {color:#3b5f78;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#070c0f
```
#070c0f rgb(7,12,15)
```
#0e161c
```
#0e161c rgb(14,22,28)
```
#142129
```
#142129 rgb(20,33,41)
```
#1b2b36
```
#1b2b36 rgb(27,43,54)
```
#213543
```
#213543 rgb(33,53,67)
```
#284051
```
#284051 rgb(40,64,81)
```
#2e4a5e
```
#2e4a5e rgb(46,74,94)
```
#35556b
```
#35556b rgb(53,85,107)
```
#3b5f78
```
#3b5f78 rgb(59,95,120)
```
#416985
```
#416985 rgb(65,105,133)
```
#487492
```
#487492 rgb(72,116,146)
```
#4e7e9f
```
#4e7e9f rgb(78,126,159)
```

Shade Color Variation

#5688ac
```
#5688ac rgb(86,136,172)
```
#6392b2
```
#6392b2 rgb(99,146,178)
```
#709bb9
```
#709bb9 rgb(112,155,185)
```
#7da4bf
```
#7da4bf rgb(125,164,191)
```
#8aadc6
```
#8aadc6 rgb(138,173,198)
```
#97b7cc
```
#97b7cc rgb(151,183,204)
```
#a5c0d3
```
#a5c0d3 rgb(165,192,211)
```
#b2c9d9
```
#b2c9d9 rgb(178,201,217)
```
#bfd2df
```
#bfd2df rgb(191,210,223)
```
#ccdbe6
```
#ccdbe6 rgb(204,219,230)
```
#d9e5ec
```
#d9e5ec rgb(217,229,236)
```
#e6eef3
```
#e6eef3 rgb(230,238,243)
```
#f4f7f9
```
#f4f7f9 rgb(244,247,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #575a5c is the less saturated color, while #0469af is the most saturated one.

#575a5c
```
#575a5c rgb(87,90,92)
```
#505b63
```
#505b63 rgb(80,91,99)
```
#495d6a
```
#495d6a rgb(73,93,106)
```
#425e71
```
#425e71 rgb(66,94,113)
```
#3b5f78
```
#3b5f78 rgb(59,95,120)
```
#34607f
```
#34607f rgb(52,96,127)
```
#2d6186
```
#2d6186 rgb(45,97,134)
```
#26638d
```
#26638d rgb(38,99,141)
```
#1f6494
```
#1f6494 rgb(31,100,148)
```
#19659a
```
#19659a rgb(25,101,154)
```
#1266a1
```
#1266a1 rgb(18,102,161)
```
#0b68a8
```
#0b68a8 rgb(11,104,168)
```
#0469af
```
#0469af rgb(4,105,175)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#51595e Atypical Achromatopsia 0.001% of the population

Dichromacy

#5c627b Protanopia 1% of men
#5b6280 Deuteranopia 1% of men
#3f6971 Tritanopia 0.001% of the population

Trichromacy

#50617a Protanomaly 1% of men, 0.01% of women
#4f617d Deuteranomaly 6% of men, 0.4% of women
#3e6573 Tritanomaly 0.01% of the population

#3b5f78 hex color

#3b5f78 Color Information

#3b5f78 Color Conversion

Color Schemes with #3b5f78

Alternatives to #3b5f78

#3b5f78 Preview

Shades and Tints of #3b5f78

Tones of #3b5f78

Color Blindness Simulator