colorhexa.com

#3b5f7b hex color

In a RGB color space, hex #3b5f7b is composed of 23.1% red, 37.3% green and 48.2% blue. Whereas in a CMYK color space, it is composed of 52% cyan, 22.8% magenta, 0% yellow and 51.8% black. It has a hue angle of 206.3 degrees, a saturation of 35.2% and a lightness of 35.7%. #3b5f7b color hex could be obtained by blending #76bef6 with #000000. Closest websafe color is: #336666.

- R 23
- G 37
- B 48
RGB color chart
- C 52
- M 23
- Y 0
- K 52
CMYK color chart

● #3b5f7b color description : Dark moderate blue.

The hexadecimal color #3b5f7b has RGB values of R:59, G:95, B:123 and CMYK values of C:0.52, M:0.23, Y:0, K:0.52. Its decimal value is 3891067.

Hex triplet	3b5f7b	`#3b5f7b`
RGB Decimal	59, 95, 123	`rgb(59,95,123)`
RGB Percent	23.1, 37.3, 48.2	`rgb(23.1%,37.3%,48.2%)`
CMYK	52, 23, 0, 52
HSL	206.3°, 35.2, 35.7	`hsl(206.3,35.2%,35.7%)`
HSV (or HSB)	206.3°, 52, 48.2
Web Safe	336666	`#336666`

CIE-LAB	38.801, -4.414, -19.721
XYZ	9.47, 10.544, 20.274
xyY	0.235, 0.262, 10.544
CIE-LCH	38.801, 20.209, 257.384
CIE-LUV	38.801, -16.153, -26.71
Hunter-Lab	32.471, -4.765, -14.289
Binary	00111011, 01011111, 01111011

#3b5f7b
```
#3b5f7b rgb(59,95,123)
```
#7b573b
```
#7b573b rgb(123,87,59)
```

Complementary Color

#3b7b77
```
#3b7b77 rgb(59,123,119)
```
#3b5f7b
```
#3b5f7b rgb(59,95,123)
```
#3b3f7b
```
#3b3f7b rgb(59,63,123)
```

Analogous Color

#7b773b
```
#7b773b rgb(123,119,59)
```
#3b5f7b
```
#3b5f7b rgb(59,95,123)
```
#7b3b3f
```
#7b3b3f rgb(123,59,63)
```

Split Complementary Color

#5f7b3b
```
#5f7b3b rgb(95,123,59)
```
#3b5f7b
```
#3b5f7b rgb(59,95,123)
```
#7b3b5f
```
#7b3b5f rgb(123,59,95)
```

Triadic Color

#223747
```
#223747 rgb(34,55,71)
```
#2a4459
```
#2a4459 rgb(42,68,89)
```
#33526a
```
#33526a rgb(51,82,106)
```
#3b5f7b
```
#3b5f7b rgb(59,95,123)
```
#436c8c
```
#436c8c rgb(67,108,140)
```
#4c7a9d
```
#4c7a9d rgb(76,122,157)
```
#5587ad
```
#5587ad rgb(85,135,173)
```

Monochromatic Color

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

#3b6f7b
```
#3b6f7b rgb(59,111,123)
```
#3b6a7b
```
#3b6a7b rgb(59,106,123)
```
#3b647b
```
#3b647b rgb(59,100,123)
```
#3b5f7b
```
#3b5f7b rgb(59,95,123)
```
#3b5a7b
```
#3b5a7b rgb(59,90,123)
```
#3b547b
```
#3b547b rgb(59,84,123)
```
#3b4f7b
```
#3b4f7b rgb(59,79,123)
```

Similar Colors

Text with hexadecimal color #3b5f7b

This text has a font color of #3b5f7b.

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

#3b5f7b background color

This paragraph has a background color of #3b5f7b.

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

#3b5f7b border color

This element has a border color of #3b5f7b.

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

CSS codes

.text {color:#3b5f7b;}

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

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

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

#020304
```
#020304 rgb(2,3,4)
```
#080d11
```
#080d11 rgb(8,13,17)
```
#0e171e
```
#0e171e rgb(14,23,30)
```
#15222b
```
#15222b rgb(21,34,43)
```
#1b2c39
```
#1b2c39 rgb(27,44,57)
```
#223646
```
#223646 rgb(34,54,70)
```
#284053
```
#284053 rgb(40,64,83)
```
#2e4b60
```
#2e4b60 rgb(46,75,96)
```
#35556e
```
#35556e rgb(53,85,110)
```
#3b5f7b
```
#3b5f7b rgb(59,95,123)
```
#416988
```
#416988 rgb(65,105,136)
```
#487396
```
#487396 rgb(72,115,150)
```
#4e7ea3
```
#4e7ea3 rgb(78,126,163)
```

Shade Color Variation

#5688ae
```
#5688ae rgb(86,136,174)
```
#6491b4
```
#6491b4 rgb(100,145,180)
```
#719abb
```
#719abb rgb(113,154,187)
```
#7ea4c1
```
#7ea4c1 rgb(126,164,193)
```
#8badc8
```
#8badc8 rgb(139,173,200)
```
#99b7ce
```
#99b7ce rgb(153,183,206)
```
#a6c0d4
```
#a6c0d4 rgb(166,192,212)
```
#b3c9db
```
#b3c9db rgb(179,201,219)
```
#c0d3e1
```
#c0d3e1 rgb(192,211,225)
```
#cedce7
```
#cedce7 rgb(206,220,231)
```
#dbe5ee
```
#dbe5ee rgb(219,229,238)
```
#e8eff4
```
#e8eff4 rgb(232,239,244)
```
#f5f8fa
```
#f5f8fa rgb(245,248,250)
```

Tint Color Variation

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

#575c5f
```
#575c5f rgb(87,92,95)
```
#505c66
```
#505c66 rgb(80,92,102)
```
#495d6d
```
#495d6d rgb(73,93,109)
```
#425e74
```
#425e74 rgb(66,94,116)
```
#3b5f7b
```
#3b5f7b rgb(59,95,123)
```
#346082
```
#346082 rgb(52,96,130)
```
#2d6189
```
#2d6189 rgb(45,97,137)
```
#266290
```
#266290 rgb(38,98,144)
```
#1f6397
```
#1f6397 rgb(31,99,151)
```
#18639e
```
#18639e rgb(24,99,158)
```
#1164a5
```
#1164a5 rgb(17,100,165)
```
#0a65ac
```
#0a65ac rgb(10,101,172)
```
#0366b3
```
#0366b3 rgb(3,102,179)
```

Tone Color Variation

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

#5b627e Protanopia 1% of men
#5a6283 Deuteranopia 1% of men
#3e6a72 Tritanopia 0.001% of the population

Trichromacy

#4f617d Protanomaly 1% of men, 0.01% of women
#4e6180 Deuteranomaly 6% of men, 0.4% of women
#3d6675 Tritanomaly 0.01% of the population