#3d5068 hex color

In a RGB color space, hex #3d5068 is composed of 23.9% red, 31.4% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 41.3% cyan, 23.1% magenta, 0% yellow and 59.2% black. It has a hue angle of 213.5 degrees, a saturation of 26.1% and a lightness of 32.4%. #3d5068 color hex could be obtained by blending #7aa0d0 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 24
- G 31
- B 41
RGB color chart
- C 41
- M 23
- Y 0
- K 59
CMYK color chart

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

The hexadecimal color #3d5068 has RGB values of R:61, G:80, B:104 and CMYK values of C:0.41, M:0.23, Y:0, K:0.59. Its decimal value is 4018280.

Hex triplet	3d5068	`#3d5068`
RGB Decimal	61, 80, 104	`rgb(61,80,104)`
RGB Percent	23.9, 31.4, 40.8	`rgb(23.9%,31.4%,40.8%)`
CMYK	41, 23, 0, 59
HSL	213.5°, 26.1, 32.4	`hsl(213.5,26.1%,32.4%)`
HSV (or HSB)	213.5°, 41.3, 40.8
Web Safe	336666	`#336666`

CIE-LAB	33.411, -0.529, -16.24
XYZ	7.291, 7.729, 14.204
xyY	0.25, 0.264, 7.729
CIE-LCH	33.411, 16.249, 268.136
CIE-LUV	33.411, -9.542, -21.234
Hunter-Lab	27.8, -1.835, -10.832
Binary	00111101, 01010000, 01101000

#3d5068
```
#3d5068 rgb(61,80,104)
```
#68553d
```
#68553d rgb(104,85,61)
```

Complementary Color

#3d6668
```
#3d6668 rgb(61,102,104)
```
#3d5068
```
#3d5068 rgb(61,80,104)
```
#403d68
```
#403d68 rgb(64,61,104)
```

Analogous Color

#66683d
```
#66683d rgb(102,104,61)
```
#3d5068
```
#3d5068 rgb(61,80,104)
```
#68403d
```
#68403d rgb(104,64,61)
```

Split Complementary Color

#50683d
```
#50683d rgb(80,104,61)
```
#3d5068
```
#3d5068 rgb(61,80,104)
```
#683d50
```
#683d50 rgb(104,61,80)
```

Triadic Color

#3d6855
```
#3d6855 rgb(61,104,85)
```
#3d5068
```
#3d5068 rgb(61,80,104)
```
#683d50
```
#683d50 rgb(104,61,80)
```
#68553d
```
#68553d rgb(104,85,61)
```

Tetradic Color

#212b38
```
#212b38 rgb(33,43,56)
```
#2a3748
```
#2a3748 rgb(42,55,72)
```
#344458
```
#344458 rgb(52,68,88)
```
#3d5068
```
#3d5068 rgb(61,80,104)
```
#465c78
```
#465c78 rgb(70,92,120)
```
#506988
```
#506988 rgb(80,105,136)
```
#597598
```
#597598 rgb(89,117,152)
```

Monochromatic Color

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

#3d5b68
```
#3d5b68 rgb(61,91,104)
```
#3d5768
```
#3d5768 rgb(61,87,104)
```
#3d5468
```
#3d5468 rgb(61,84,104)
```
#3d5068
```
#3d5068 rgb(61,80,104)
```
#3d4c68
```
#3d4c68 rgb(61,76,104)
```
#3d4968
```
#3d4968 rgb(61,73,104)
```
#3d4568
```
#3d4568 rgb(61,69,104)
```

Similar Colors

Text with hexadecimal color #3d5068

This text has a font color of #3d5068.

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

#3d5068 background color

This paragraph has a background color of #3d5068.

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

#3d5068 border color

This element has a border color of #3d5068.

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

CSS codes

.text {color:#3d5068;}

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

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

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

#030405
```
#030405 rgb(3,4,5)
```
#0a0d11
```
#0a0d11 rgb(10,13,17)
```
#11171e
```
#11171e rgb(17,23,30)
```
#19202a
```
#19202a rgb(25,32,42)
```
#202a37
```
#202a37 rgb(32,42,55)
```
#273343
```
#273343 rgb(39,51,67)
```
#2e3d4f
```
#2e3d4f rgb(46,61,79)
```
#36465c
```
#36465c rgb(54,70,92)
```
#3d5068
```
#3d5068 rgb(61,80,104)
```
#445a74
```
#445a74 rgb(68,90,116)
```
#4c6381
```
#4c6381 rgb(76,99,129)
```
#536d8d
```
#536d8d rgb(83,109,141)
```
#5a7699
```
#5a7699 rgb(90,118,153)
```

Shade Color Variation

#6380a4
```
#6380a4 rgb(99,128,164)
```
#708aab
```
#708aab rgb(112,138,171)
```
#7c94b2
```
#7c94b2 rgb(124,148,178)
```
#889eb9
```
#889eb9 rgb(136,158,185)
```
#95a8c1
```
#95a8c1 rgb(149,168,193)
```
#a1b2c8
```
#a1b2c8 rgb(161,178,200)
```
#aebccf
```
#aebccf rgb(174,188,207)
```
#bac7d6
```
#bac7d6 rgb(186,199,214)
```
#c6d1de
```
#c6d1de rgb(198,209,222)
```
#d3dbe5
```
#d3dbe5 rgb(211,219,229)
```
#dfe5ec
```
#dfe5ec rgb(223,229,236)
```
#ebeff3
```
#ebeff3 rgb(235,239,243)
```
#f8f9fb
```
#f8f9fb rgb(248,249,251)
```

Tint Color Variation

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

#505255
```
#505255 rgb(80,82,85)
```
#4a515b
```
#4a515b rgb(74,81,91)
```
#435162
```
#435162 rgb(67,81,98)
```
#3d5068
```
#3d5068 rgb(61,80,104)
```
#374f6e
```
#374f6e rgb(55,79,110)
```
#304f75
```
#304f75 rgb(48,79,117)
```
#2a4e7b
```
#2a4e7b rgb(42,78,123)
```
#244d81
```
#244d81 rgb(36,77,129)
```
#1d4c88
```
#1d4c88 rgb(29,76,136)
```
#174c8e
```
#174c8e rgb(23,76,142)
```
#114b94
```
#114b94 rgb(17,75,148)
```
#0a4a9b
```
#0a4a9b rgb(10,74,155)
```
#0449a1
```
#0449a1 rgb(4,73,161)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#4a4e52 Atypical Achromatopsia 0.001% of the population

Dichromacy

#51566e Protanopia 1% of men
#515670 Deuteranopia 1% of men
#425b62 Tritanopia 0.001% of the population

Trichromacy

#49546c Protanomaly 1% of men, 0.01% of women
#49546d Deuteranomaly 6% of men, 0.4% of women
#405764 Tritanomaly 0.01% of the population

#3d5068 hex color

#3d5068 Color Information

#3d5068 Color Conversion

Color Schemes with #3d5068

Alternatives to #3d5068

#3d5068 Preview

Shades and Tints of #3d5068

Tones of #3d5068

Color Blindness Simulator