#3b5f6b hex color

In a RGB color space, hex #3b5f6b is composed of 23.1% red, 37.3% green and 42% blue. Whereas in a CMYK color space, it is composed of 44.9% cyan, 11.2% magenta, 0% yellow and 58% black. It has a hue angle of 195 degrees, a saturation of 28.9% and a lightness of 32.5%. #3b5f6b color hex could be obtained by blending #76bed6 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 23
- G 37
- B 42
RGB color chart
- C 45
- M 11
- Y 0
- K 58
CMYK color chart

● #3b5f6b color description : Very dark desaturated blue.

The hexadecimal color #3b5f6b has RGB values of R:59, G:95, B:107 and CMYK values of C:0.45, M:0.11, Y:0, K:0.58. Its decimal value is 3891051.

Hex triplet	3b5f6b	`#3b5f6b`
RGB Decimal	59, 95, 107	`rgb(59,95,107)`
RGB Percent	23.1, 37.3, 42	`rgb(23.1%,37.3%,42%)`
CMYK	45, 11, 0, 58
HSL	195°, 28.9, 32.5	`hsl(195,28.9%,32.5%)`
HSV (or HSB)	195°, 44.9, 42
Web Safe	336666	`#336666`

CIE-LAB	38.155, -9.403, -10.884
XYZ	8.549, 10.175, 15.423
xyY	0.25, 0.298, 10.175
CIE-LCH	38.155, 14.383, 229.174
CIE-LUV	38.155, -16.367, -13.335
Hunter-Lab	31.899, -7.984, -6.337
Binary	00111011, 01011111, 01101011

#3b5f6b
```
#3b5f6b rgb(59,95,107)
```
#6b473b
```
#6b473b rgb(107,71,59)
```

Complementary Color

#3b6b5f
```
#3b6b5f rgb(59,107,95)
```
#3b5f6b
```
#3b5f6b rgb(59,95,107)
```
#3b476b
```
#3b476b rgb(59,71,107)
```

Analogous Color

#6b5f3b
```
#6b5f3b rgb(107,95,59)
```
#3b5f6b
```
#3b5f6b rgb(59,95,107)
```
#6b3b47
```
#6b3b47 rgb(107,59,71)
```

Split Complementary Color

#5f6b3b
```
#5f6b3b rgb(95,107,59)
```
#3b5f6b
```
#3b5f6b rgb(59,95,107)
```
#6b3b5f
```
#6b3b5f rgb(107,59,95)
```

Triadic Color

#3b6b47
```
#3b6b47 rgb(59,107,71)
```
#3b5f6b
```
#3b5f6b rgb(59,95,107)
```
#6b3b5f
```
#6b3b5f rgb(107,59,95)
```
#6b473b
```
#6b473b rgb(107,71,59)
```

Tetradic Color

#20333a
```
#20333a rgb(32,51,58)
```
#29424a
```
#29424a rgb(41,66,74)
```
#32505b
```
#32505b rgb(50,80,91)
```
#3b5f6b
```
#3b5f6b rgb(59,95,107)
```
#446e7b
```
#446e7b rgb(68,110,123)
```
#4d7c8c
```
#4d7c8c rgb(77,124,140)
```
#568b9c
```
#568b9c rgb(86,139,156)
```

Monochromatic Color

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

#3b6b6b
```
#3b6b6b rgb(59,107,107)
```
#3b676b
```
#3b676b rgb(59,103,107)
```
#3b636b
```
#3b636b rgb(59,99,107)
```
#3b5f6b
```
#3b5f6b rgb(59,95,107)
```
#3b5b6b
```
#3b5b6b rgb(59,91,107)
```
#3b576b
```
#3b576b rgb(59,87,107)
```
#3b536b
```
#3b536b rgb(59,83,107)
```

Similar Colors

Text with hexadecimal color #3b5f6b

This text has a font color of #3b5f6b.

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

#3b5f6b background color

This paragraph has a background color of #3b5f6b.

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

#3b5f6b border color

This element has a border color of #3b5f6b.

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

CSS codes

.text {color:#3b5f6b;}

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

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

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

#030506
```
#030506 rgb(3,5,6)
```
#0a1012
```
#0a1012 rgb(10,16,18)
```
#111c1f
```
#111c1f rgb(17,28,31)
```
#18272c
```
#18272c rgb(24,39,44)
```
#1f3238
```
#1f3238 rgb(31,50,56)
```
#263d45
```
#263d45 rgb(38,61,69)
```
#2d4952
```
#2d4952 rgb(45,73,82)
```
#34545e
```
#34545e rgb(52,84,94)
```
#3b5f6b
```
#3b5f6b rgb(59,95,107)
```
#426a78
```
#426a78 rgb(66,106,120)
```
#497584
```
#497584 rgb(73,117,132)
```
#508191
```
#508191 rgb(80,129,145)
```
#578c9e
```
#578c9e rgb(87,140,158)
```

Shade Color Variation

#6096a8
```
#6096a8 rgb(96,150,168)
```
#6d9eaf
```
#6d9eaf rgb(109,158,175)
```
#7aa7b6
```
#7aa7b6 rgb(122,167,182)
```
#86afbd
```
#86afbd rgb(134,175,189)
```
#93b7c3
```
#93b7c3 rgb(147,183,195)
```
#a0c0ca
```
#a0c0ca rgb(160,192,202)
```
#acc8d1
```
#acc8d1 rgb(172,200,209)
```
#b9d1d8
```
#b9d1d8 rgb(185,209,216)
```
#c6d9df
```
#c6d9df rgb(198,217,223)
```
#d2e1e6
```
#d2e1e6 rgb(210,225,230)
```
#dfeaed
```
#dfeaed rgb(223,234,237)
```
#ecf2f4
```
#ecf2f4 rgb(236,242,244)
```
#f8fafb
```
#f8fafb rgb(248,250,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4e5558 is the less saturated color, while #027ca4 is the most saturated one.

#4e5558
```
#4e5558 rgb(78,85,88)
```
#48595e
```
#48595e rgb(72,89,94)
```
#415c65
```
#415c65 rgb(65,92,101)
```
#3b5f6b
```
#3b5f6b rgb(59,95,107)
```
#356271
```
#356271 rgb(53,98,113)
```
#2e6578
```
#2e6578 rgb(46,101,120)
```
#28697e
```
#28697e rgb(40,105,126)
```
#216c85
```
#216c85 rgb(33,108,133)
```
#1b6f8b
```
#1b6f8b rgb(27,111,139)
```
#157291
```
#157291 rgb(21,114,145)
```
#0e7598
```
#0e7598 rgb(14,117,152)
```
#08799e
```
#08799e rgb(8,121,158)
```
#027ca4
```
#027ca4 rgb(2,124,164)
```

Tone Color Variation

Below, you can see how #3b5f6b 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
#51585a Atypical Achromatopsia 0.001% of the population

Dichromacy

#5f616f Protanopia 1% of men
#616075 Deuteranopia 1% of men
#44676f Tritanopia 0.001% of the population

Trichromacy

#52606d Protanomaly 1% of men, 0.01% of women
#535f71 Deuteranomaly 6% of men, 0.4% of women
#40646d Tritanomaly 0.01% of the population

#3b5f6b hex color

#3b5f6b Color Information

#3b5f6b Color Conversion

Color Schemes with #3b5f6b

Alternatives to #3b5f6b

#3b5f6b Preview

Shades and Tints of #3b5f6b

Tones of #3b5f6b

Color Blindness Simulator