#3d5b6f hex color

In a RGB color space, hex #3d5b6f is composed of 23.9% red, 35.7% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 45% cyan, 18% magenta, 0% yellow and 56.5% black. It has a hue angle of 204 degrees, a saturation of 29.1% and a lightness of 33.7%. #3d5b6f color hex could be obtained by blending #7ab6de with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 24
- G 36
- B 44
RGB color chart
- C 45
- M 18
- Y 0
- K 56
CMYK color chart

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

The hexadecimal color #3d5b6f has RGB values of R:61, G:91, B:111 and CMYK values of C:0.45, M:0.18, Y:0, K:0.56. Its decimal value is 4021103.

Hex triplet	3d5b6f	`#3d5b6f`
RGB Decimal	61, 91, 111	`rgb(61,91,111)`
RGB Percent	23.9, 35.7, 43.5	`rgb(23.9%,35.7%,43.5%)`
CMYK	45, 18, 0, 56
HSL	204°, 29.1, 33.7	`hsl(204,29.1%,33.7%)`
HSV (or HSB)	204°, 45, 43.5
Web Safe	336666	`#336666`

CIE-LAB	37.154, -5.22, -14.865
XYZ	8.534, 9.622, 16.446
xyY	0.247, 0.278, 9.622
CIE-LCH	37.154, 15.755, 250.652
CIE-LUV	37.154, -14.012, -19.351
Hunter-Lab	31.019, -5.172, -9.721
Binary	00111101, 01011011, 01101111

#3d5b6f
```
#3d5b6f rgb(61,91,111)
```
#6f513d
```
#6f513d rgb(111,81,61)
```

Complementary Color

#3d6f6a
```
#3d6f6a rgb(61,111,106)
```
#3d5b6f
```
#3d5b6f rgb(61,91,111)
```
#3d426f
```
#3d426f rgb(61,66,111)
```

Analogous Color

#6f6a3d
```
#6f6a3d rgb(111,106,61)
```
#3d5b6f
```
#3d5b6f rgb(61,91,111)
```
#6f3d42
```
#6f3d42 rgb(111,61,66)
```

Split Complementary Color

#5b6f3d
```
#5b6f3d rgb(91,111,61)
```
#3d5b6f
```
#3d5b6f rgb(61,91,111)
```
#6f3d5b
```
#6f3d5b rgb(111,61,91)
```

Triadic Color

#3d6f51
```
#3d6f51 rgb(61,111,81)
```
#3d5b6f
```
#3d5b6f rgb(61,91,111)
```
#6f3d5b
```
#6f3d5b rgb(111,61,91)
```
#6f513d
```
#6f513d rgb(111,81,61)
```

Tetradic Color

#22333e
```
#22333e rgb(34,51,62)
```
#2b404e
```
#2b404e rgb(43,64,78)
```
#344e5f
```
#344e5f rgb(52,78,95)
```
#3d5b6f
```
#3d5b6f rgb(61,91,111)
```
#46687f
```
#46687f rgb(70,104,127)
```
#4f7690
```
#4f7690 rgb(79,118,144)
```
#5883a0
```
#5883a0 rgb(88,131,160)
```

Monochromatic Color

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

#3d686f
```
#3d686f rgb(61,104,111)
```
#3d636f
```
#3d636f rgb(61,99,111)
```
#3d5f6f
```
#3d5f6f rgb(61,95,111)
```
#3d5b6f
```
#3d5b6f rgb(61,91,111)
```
#3d576f
```
#3d576f rgb(61,87,111)
```
#3d536f
```
#3d536f rgb(61,83,111)
```
#3d4f6f
```
#3d4f6f rgb(61,79,111)
```

Similar Colors

Text with hexadecimal color #3d5b6f

This text has a font color of #3d5b6f.

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

#3d5b6f background color

This paragraph has a background color of #3d5b6f.

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

#3d5b6f border color

This element has a border color of #3d5b6f.

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

CSS codes

.text {color:#3d5b6f;}

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

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

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

#05080a
```
#05080a rgb(5,8,10)
```
#0c1216
```
#0c1216 rgb(12,18,22)
```
#131d23
```
#131d23 rgb(19,29,35)
```
#1a2730
```
#1a2730 rgb(26,39,48)
```
#21313c
```
#21313c rgb(33,49,60)
```
#283c49
```
#283c49 rgb(40,60,73)
```
#2f4656
```
#2f4656 rgb(47,70,86)
```
#365162
```
#365162 rgb(54,81,98)
```
#3d5b6f
```
#3d5b6f rgb(61,91,111)
```
#44657c
```
#44657c rgb(68,101,124)
```
#4b7088
```
#4b7088 rgb(75,112,136)
```
#527a95
```
#527a95 rgb(82,122,149)
```
#5985a2
```
#5985a2 rgb(89,133,162)
```

Shade Color Variation

#648eaa
```
#648eaa rgb(100,142,170)
```
#7197b1
```
#7197b1 rgb(113,151,177)
```
#7da0b8
```
#7da0b8 rgb(125,160,184)
```
#8aaabf
```
#8aaabf rgb(138,170,191)
```
#97b3c6
```
#97b3c6 rgb(151,179,198)
```
#a3bccd
```
#a3bccd rgb(163,188,205)
```
#b0c5d4
```
#b0c5d4 rgb(176,197,212)
```
#bdcfdb
```
#bdcfdb rgb(189,207,219)
```
#c9d8e2
```
#c9d8e2 rgb(201,216,226)
```
#d6e1e9
```
#d6e1e9 rgb(214,225,233)
```
#e3eaef
```
#e3eaef rgb(227,234,239)
```
#eff4f6
```
#eff4f6 rgb(239,244,246)
```
#fcfdfd
```
#fcfdfd rgb(252,253,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #51575b is the less saturated color, while #0167ab is the most saturated one.

#51575b
```
#51575b rgb(81,87,91)
```
#4a5862
```
#4a5862 rgb(74,88,98)
```
#445a68
```
#445a68 rgb(68,90,104)
```
#3d5b6f
```
#3d5b6f rgb(61,91,111)
```
#365c76
```
#365c76 rgb(54,92,118)
```
#305e7c
```
#305e7c rgb(48,94,124)
```
#295f83
```
#295f83 rgb(41,95,131)
```
#236089
```
#236089 rgb(35,96,137)
```
#1c6290
```
#1c6290 rgb(28,98,144)
```
#156397
```
#156397 rgb(21,99,151)
```
#0f649d
```
#0f649d rgb(15,100,157)
```
#0866a4
```
#0866a4 rgb(8,102,164)
```
#0167ab
```
#0167ab rgb(1,103,171)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#4f5559 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b5f73 Protanopia 1% of men
#5b5e78 Deuteranopia 1% of men
#43656c Tritanopia 0.001% of the population

Trichromacy

#505d72 Protanomaly 1% of men, 0.01% of women
#505d74 Deuteranomaly 6% of men, 0.4% of women
#41616d Tritanomaly 0.01% of the population

#3d5b6f hex color

#3d5b6f Color Information

#3d5b6f Color Conversion

Color Schemes with #3d5b6f

Alternatives to #3d5b6f

#3d5b6f Preview

Shades and Tints of #3d5b6f

Tones of #3d5b6f

Color Blindness Simulator