#3d5078 hex color

In a RGB color space, hex #3d5078 is composed of 23.9% red, 31.4% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 49.2% cyan, 33.3% magenta, 0% yellow and 52.9% black. It has a hue angle of 220.7 degrees, a saturation of 32.6% and a lightness of 35.5%. #3d5078 color hex could be obtained by blending #7aa0f0 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 24
- G 31
- B 47
RGB color chart
- C 49
- M 33
- Y 0
- K 53
CMYK color chart

● #3d5078 color description : Dark moderate blue.

The hexadecimal color #3d5078 has RGB values of R:61, G:80, B:120 and CMYK values of C:0.49, M:0.33, Y:0, K:0.53. Its decimal value is 4018296.

Hex triplet	3d5078	`#3d5078`
RGB Decimal	61, 80, 120	`rgb(61,80,120)`
RGB Percent	23.9, 31.4, 47.1	`rgb(23.9%,31.4%,47.1%)`
CMYK	49, 33, 0, 53
HSL	220.7°, 32.6, 35.5	`hsl(220.7,32.6%,35.5%)`
HSV (or HSB)	220.7°, 49.2, 47.1
Web Safe	336666	`#336666`

CIE-LAB	34.16, 4.572, -25.079
XYZ	8.183, 8.085, 18.898
xyY	0.233, 0.23, 8.085
CIE-LCH	34.16, 25.492, 280.331
CIE-LUV	34.16, -9.776, -34.389
Hunter-Lab	28.434, 1.607, -19.5
Binary	00111101, 01010000, 01111000

#3d5078
```
#3d5078 rgb(61,80,120)
```
#78653d
```
#78653d rgb(120,101,61)
```

Complementary Color

#3d6e78
```
#3d6e78 rgb(61,110,120)
```
#3d5078
```
#3d5078 rgb(61,80,120)
```
#483d78
```
#483d78 rgb(72,61,120)
```

Analogous Color

#6e783d
```
#6e783d rgb(110,120,61)
```
#3d5078
```
#3d5078 rgb(61,80,120)
```
#78483d
```
#78483d rgb(120,72,61)
```

Split Complementary Color

#50783d
```
#50783d rgb(80,120,61)
```
#3d5078
```
#3d5078 rgb(61,80,120)
```
#783d50
```
#783d50 rgb(120,61,80)
```

Triadic Color

#3d7865
```
#3d7865 rgb(61,120,101)
```
#3d5078
```
#3d5078 rgb(61,80,120)
```
#783d50
```
#783d50 rgb(120,61,80)
```
#78653d
```
#78653d rgb(120,101,61)
```

Tetradic Color

#232e45
```
#232e45 rgb(35,46,69)
```
#2c3956
```
#2c3956 rgb(44,57,86)
```
#344567
```
#344567 rgb(52,69,103)
```
#3d5078
```
#3d5078 rgb(61,80,120)
```
#465b89
```
#465b89 rgb(70,91,137)
```
#4e679a
```
#4e679a rgb(78,103,154)
```
#5872aa
```
#5872aa rgb(88,114,170)
```

Monochromatic Color

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

#3d5f78
```
#3d5f78 rgb(61,95,120)
```
#3d5a78
```
#3d5a78 rgb(61,90,120)
```
#3d5578
```
#3d5578 rgb(61,85,120)
```
#3d5078
```
#3d5078 rgb(61,80,120)
```
#3d4b78
```
#3d4b78 rgb(61,75,120)
```
#3d4678
```
#3d4678 rgb(61,70,120)
```
#3d4178
```
#3d4178 rgb(61,65,120)
```

Similar Colors

Text with hexadecimal color #3d5078

This text has a font color of #3d5078.

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

#3d5078 background color

This paragraph has a background color of #3d5078.

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

#3d5078 border color

This element has a border color of #3d5078.

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

CSS codes

.text {color:#3d5078;}

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

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

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

#020203
```
#020203 rgb(2,2,3)
```
#080b10
```
#080b10 rgb(8,11,16)
```
#0f131d
```
#0f131d rgb(15,19,29)
```
#151c2a
```
#151c2a rgb(21,28,42)
```
#1c2537
```
#1c2537 rgb(28,37,55)
```
#232d44
```
#232d44 rgb(35,45,68)
```
#293651
```
#293651 rgb(41,54,81)
```
#303f5e
```
#303f5e rgb(48,63,94)
```
#36476b
```
#36476b rgb(54,71,107)
```
#3d5078
```
#3d5078 rgb(61,80,120)
```
#445985
```
#445985 rgb(68,89,133)
```
#4a6192
```
#4a6192 rgb(74,97,146)
```
#516a9f
```
#516a9f rgb(81,106,159)
```

Shade Color Variation

#5973ab
```
#5973ab rgb(89,115,171)
```
#667eb1
```
#667eb1 rgb(102,126,177)
```
#7389b8
```
#7389b8 rgb(115,137,184)
```
#8094be
```
#8094be rgb(128,148,190)
```
#8d9fc5
```
#8d9fc5 rgb(141,159,197)
```
#9aaacc
```
#9aaacc rgb(154,170,204)
```
#a7b5d2
```
#a7b5d2 rgb(167,181,210)
```
#b4c0d9
```
#b4c0d9 rgb(180,192,217)
```
#c1cbdf
```
#c1cbdf rgb(193,203,223)
```
#ced6e6
```
#ced6e6 rgb(206,214,230)
```
#dbe1ed
```
#dbe1ed rgb(219,225,237)
```
#e8ecf3
```
#e8ecf3 rgb(232,236,243)
```
#f5f7fa
```
#f5f7fa rgb(245,247,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #595a5c is the less saturated color, while #053cb0 is the most saturated one.

#595a5c
```
#595a5c rgb(89,90,92)
```
#525763
```
#525763 rgb(82,87,99)
```
#4b556a
```
#4b556a rgb(75,85,106)
```
#445271
```
#445271 rgb(68,82,113)
```
#3d5078
```
#3d5078 rgb(61,80,120)
```
#364e7f
```
#364e7f rgb(54,78,127)
```
#2f4b86
```
#2f4b86 rgb(47,75,134)
```
#28498d
```
#28498d rgb(40,73,141)
```
#214694
```
#214694 rgb(33,70,148)
```
#1a449b
```
#1a449b rgb(26,68,155)
```
#1341a2
```
#1341a2 rgb(19,65,162)
```
#0c3fa9
```
#0c3fa9 rgb(12,63,169)
```
#053cb0
```
#053cb0 rgb(5,60,176)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#4b4f57 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4b587e Protanopia 1% of men
#47587f Deuteranopia 1% of men
#3d5e65 Tritanopia 0.001% of the population

Trichromacy

#46557c Protanomaly 1% of men, 0.01% of women
#43557c Deuteranomaly 6% of men, 0.4% of women
#3d596c Tritanomaly 0.01% of the population

#3d5078 hex color

#3d5078 Color Information

#3d5078 Color Conversion

Color Schemes with #3d5078

Alternatives to #3d5078

#3d5078 Preview

Shades and Tints of #3d5078

Tones of #3d5078

Color Blindness Simulator