#3d5f6d hex color

In a RGB color space, hex #3d5f6d is composed of 23.9% red, 37.3% green and 42.7% blue. Whereas in a CMYK color space, it is composed of 44% cyan, 12.8% magenta, 0% yellow and 57.3% black. It has a hue angle of 197.5 degrees, a saturation of 28.2% and a lightness of 33.3%. #3d5f6d color hex could be obtained by blending #7abeda with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 24
- G 37
- B 43
RGB color chart
- C 44
- M 13
- Y 0
- K 57
CMYK color chart

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

The hexadecimal color #3d5f6d has RGB values of R:61, G:95, B:109 and CMYK values of C:0.44, M:0.13, Y:0, K:0.57. Its decimal value is 4022125.

Hex triplet	3d5f6d	`#3d5f6d`
RGB Decimal	61, 95, 109	`rgb(61,95,109)`
RGB Percent	23.9, 37.3, 42.7	`rgb(23.9%,37.3%,42.7%)`
CMYK	44, 13, 0, 57
HSL	197.5°, 28.2, 33.3	`hsl(197.5,28.2%,33.3%)`
HSV (or HSB)	197.5°, 44, 42.7
Web Safe	336666	`#336666`

CIE-LAB	38.341, -8.234, -11.825
XYZ	8.776, 10.28, 15.989
xyY	0.25, 0.293, 10.28
CIE-LCH	38.341, 14.409, 235.148
CIE-LUV	38.341, -15.662, -14.82
Hunter-Lab	32.063, -7.25, -7.123
Binary	00111101, 01011111, 01101101

#3d5f6d
```
#3d5f6d rgb(61,95,109)
```
#6d4b3d
```
#6d4b3d rgb(109,75,61)
```

Complementary Color

#3d6d63
```
#3d6d63 rgb(61,109,99)
```
#3d5f6d
```
#3d5f6d rgb(61,95,109)
```
#3d476d
```
#3d476d rgb(61,71,109)
```

Analogous Color

#6d633d
```
#6d633d rgb(109,99,61)
```
#3d5f6d
```
#3d5f6d rgb(61,95,109)
```
#6d3d47
```
#6d3d47 rgb(109,61,71)
```

Split Complementary Color

#5f6d3d
```
#5f6d3d rgb(95,109,61)
```
#3d5f6d
```
#3d5f6d rgb(61,95,109)
```
#6d3d5f
```
#6d3d5f rgb(109,61,95)
```

Triadic Color

#3d6d4b
```
#3d6d4b rgb(61,109,75)
```
#3d5f6d
```
#3d5f6d rgb(61,95,109)
```
#6d3d5f
```
#6d3d5f rgb(109,61,95)
```
#6d4b3d
```
#6d4b3d rgb(109,75,61)
```

Tetradic Color

#22343c
```
#22343c rgb(34,52,60)
```
#2b434c
```
#2b434c rgb(43,67,76)
```
#34515d
```
#34515d rgb(52,81,93)
```
#3d5f6d
```
#3d5f6d rgb(61,95,109)
```
#466d7d
```
#466d7d rgb(70,109,125)
```
#4f7c8e
```
#4f7c8e rgb(79,124,142)
```
#588a9e
```
#588a9e rgb(88,138,158)
```

Monochromatic Color

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

#3d6b6d
```
#3d6b6d rgb(61,107,109)
```
#3d676d
```
#3d676d rgb(61,103,109)
```
#3d636d
```
#3d636d rgb(61,99,109)
```
#3d5f6d
```
#3d5f6d rgb(61,95,109)
```
#3d5b6d
```
#3d5b6d rgb(61,91,109)
```
#3d576d
```
#3d576d rgb(61,87,109)
```
#3d536d
```
#3d536d rgb(61,83,109)
```

Similar Colors

Text with hexadecimal color #3d5f6d

This text has a font color of #3d5f6d.

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

#3d5f6d background color

This paragraph has a background color of #3d5f6d.

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

#3d5f6d border color

This element has a border color of #3d5f6d.

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

CSS codes

.text {color:#3d5f6d;}

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

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

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

#050708
```
#050708 rgb(5,7,8)
```
#0c1215
```
#0c1215 rgb(12,18,21)
```
#131d22
```
#131d22 rgb(19,29,34)
```
#1a282e
```
#1a282e rgb(26,40,46)
```
#21333b
```
#21333b rgb(33,51,59)
```
#283e47
```
#283e47 rgb(40,62,71)
```
#2f4954
```
#2f4954 rgb(47,73,84)
```
#365460
```
#365460 rgb(54,84,96)
```
#3d5f6d
```
#3d5f6d rgb(61,95,109)
```
#446a7a
```
#446a7a rgb(68,106,122)
```
#4b7586
```
#4b7586 rgb(75,117,134)
```
#528093
```
#528093 rgb(82,128,147)
```
#598b9f
```
#598b9f rgb(89,139,159)
```

Shade Color Variation

#6494a8
```
#6494a8 rgb(100,148,168)
```
#709daf
```
#709daf rgb(112,157,175)
```
#7da6b6
```
#7da6b6 rgb(125,166,182)
```
#8aaebd
```
#8aaebd rgb(138,174,189)
```
#96b7c4
```
#96b7c4 rgb(150,183,196)
```
#a3c0cb
```
#a3c0cb rgb(163,192,203)
```
#afc8d2
```
#afc8d2 rgb(175,200,210)
```
#bcd1d9
```
#bcd1d9 rgb(188,209,217)
```
#c9dae1
```
#c9dae1 rgb(201,218,225)
```
#d5e2e8
```
#d5e2e8 rgb(213,226,232)
```
#e2ebef
```
#e2ebef rgb(226,235,239)
```
#eef3f6
```
#eef3f6 rgb(238,243,246)
```
#fbfcfd
```
#fbfcfd rgb(251,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #515759 is the less saturated color, while #0278a8 is the most saturated one.

#515759
```
#515759 rgb(81,87,89)
```
#4a5a60
```
#4a5a60 rgb(74,90,96)
```
#445c66
```
#445c66 rgb(68,92,102)
```
#3d5f6d
```
#3d5f6d rgb(61,95,109)
```
#366274
```
#366274 rgb(54,98,116)
```
#30647a
```
#30647a rgb(48,100,122)
```
#296781
```
#296781 rgb(41,103,129)
```
#236a87
```
#236a87 rgb(35,106,135)
```
#1c6d8e
```
#1c6d8e rgb(28,109,142)
```
#166f94
```
#166f94 rgb(22,111,148)
```
#0f729b
```
#0f729b rgb(15,114,155)
```
#0975a1
```
#0975a1 rgb(9,117,161)
```
#0278a8
```
#0278a8 rgb(2,120,168)
```

Tone Color Variation

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

Dichromacy

#5f6271 Protanopia 1% of men
#616076 Deuteranopia 1% of men
#45686f Tritanopia 0.001% of the population

Trichromacy

#53606f Protanomaly 1% of men, 0.01% of women
#546073 Deuteranomaly 6% of men, 0.4% of women
#42646e Tritanomaly 0.01% of the population

#3d5f6d hex color

#3d5f6d Color Information

#3d5f6d Color Conversion

Color Schemes with #3d5f6d

Alternatives to #3d5f6d

#3d5f6d Preview

Shades and Tints of #3d5f6d

Tones of #3d5f6d

Color Blindness Simulator