#3d5095 hex color

In a RGB color space, hex #3d5095 is composed of 23.9% red, 31.4% green and 58.4% blue. Whereas in a CMYK color space, it is composed of 59.1% cyan, 46.3% magenta, 0% yellow and 41.6% black. It has a hue angle of 227 degrees, a saturation of 41.9% and a lightness of 41.2%. #3d5095 color hex could be obtained by blending #7aa0ff with #00002b. Closest websafe color is: #336699.

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

● #3d5095 color description : Dark moderate blue.

The hexadecimal color #3d5095 has RGB values of R:61, G:80, B:149 and CMYK values of C:0.59, M:0.46, Y:0, K:0.42. Its decimal value is 4018325.

Hex triplet	3d5095	`#3d5095`
RGB Decimal	61, 80, 149	`rgb(61,80,149)`
RGB Percent	23.9, 31.4, 58.4	`rgb(23.9%,31.4%,58.4%)`
CMYK	59, 46, 0, 42
HSL	227°, 41.9, 41.2	`hsl(227,41.9%,41.2%)`
HSV (or HSB)	227°, 59.1, 58.4
Web Safe	336699	`#336699`

CIE-LAB	35.789, 14.509, -40.286
XYZ	10.217, 8.899, 29.611
xyY	0.21, 0.183, 8.899
CIE-LCH	35.789, 42.819, 289.806
CIE-LUV	35.789, -10.278, -57.652
Hunter-Lab	29.831, 8.93, -37.972
Binary	00111101, 01010000, 10010101

#3d5095
```
#3d5095 rgb(61,80,149)
```
#95823d
```
#95823d rgb(149,130,61)
```

Complementary Color

#3d7c95
```
#3d7c95 rgb(61,124,149)
```
#3d5095
```
#3d5095 rgb(61,80,149)
```
#563d95
```
#563d95 rgb(86,61,149)
```

Analogous Color

#7c953d
```
#7c953d rgb(124,149,61)
```
#3d5095
```
#3d5095 rgb(61,80,149)
```
#95563d
```
#95563d rgb(149,86,61)
```

Split Complementary Color

#50953d
```
#50953d rgb(80,149,61)
```
#3d5095
```
#3d5095 rgb(61,80,149)
```
#953d50
```
#953d50 rgb(149,61,80)
```

Triadic Color

#3d9582
```
#3d9582 rgb(61,149,130)
```
#3d5095
```
#3d5095 rgb(61,80,149)
```
#953d50
```
#953d50 rgb(149,61,80)
```
#95823d
```
#95823d rgb(149,130,61)
```

Tetradic Color

#27335f
```
#27335f rgb(39,51,95)
```
#2e3d71
```
#2e3d71 rgb(46,61,113)
```
#364683
```
#364683 rgb(54,70,131)
```
#3d5095
```
#3d5095 rgb(61,80,149)
```
#445aa7
```
#445aa7 rgb(68,90,167)
```
#4e65b7
```
#4e65b7 rgb(78,101,183)
```
#6075be
```
#6075be rgb(96,117,190)
```

Monochromatic Color

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

#3d6695
```
#3d6695 rgb(61,102,149)
```
#3d5f95
```
#3d5f95 rgb(61,95,149)
```
#3d5795
```
#3d5795 rgb(61,87,149)
```
#3d5095
```
#3d5095 rgb(61,80,149)
```
#3d4995
```
#3d4995 rgb(61,73,149)
```
#3d4195
```
#3d4195 rgb(61,65,149)
```
#403d95
```
#403d95 rgb(64,61,149)
```

Similar Colors

Text with hexadecimal color #3d5095

This text has a font color of #3d5095.

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

#3d5095 background color

This paragraph has a background color of #3d5095.

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

#3d5095 border color

This element has a border color of #3d5095.

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

CSS codes

.text {color:#3d5095;}

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

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

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

#04050a
```
#04050a rgb(4,5,10)
```
#0a0d18
```
#0a0d18 rgb(10,13,24)
```
#0f1426
```
#0f1426 rgb(15,20,38)
```
#151c34
```
#151c34 rgb(21,28,52)
```
#1b2341
```
#1b2341 rgb(27,35,65)
```
#212b4f
```
#212b4f rgb(33,43,79)
```
#26325d
```
#26325d rgb(38,50,93)
```
#2c3a6b
```
#2c3a6b rgb(44,58,107)
```
#324179
```
#324179 rgb(50,65,121)
```
#374987
```
#374987 rgb(55,73,135)
```
#3d5095
```
#3d5095 rgb(61,80,149)
```
#4357a3
```
#4357a3 rgb(67,87,163)
```
#485fb1
```
#485fb1 rgb(72,95,177)
```

Shade Color Variation

#546ab9
```
#546ab9 rgb(84,106,185)
```
#6276bf
```
#6276bf rgb(98,118,191)
```
#7082c4
```
#7082c4 rgb(112,130,196)
```
#7e8eca
```
#7e8eca rgb(126,142,202)
```
#8c9ad0
```
#8c9ad0 rgb(140,154,208)
```
#99a6d5
```
#99a6d5 rgb(153,166,213)
```
#a7b3db
```
#a7b3db rgb(167,179,219)
```
#b5bfe1
```
#b5bfe1 rgb(181,191,225)
```
#c3cbe7
```
#c3cbe7 rgb(195,203,231)
```
#d1d7ec
```
#d1d7ec rgb(209,215,236)
```
#dfe3f2
```
#dfe3f2 rgb(223,227,242)
```
#edeff8
```
#edeff8 rgb(237,239,248)
```
#fbfbfd
```
#fbfbfd rgb(251,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #65676d is the less saturated color, while #0430ce is the most saturated one.

#65676d
```
#65676d rgb(101,103,109)
```
#5d6275
```
#5d6275 rgb(93,98,117)
```
#555e7d
```
#555e7d rgb(85,94,125)
```
#4d5985
```
#4d5985 rgb(77,89,133)
```
#45558d
```
#45558d rgb(69,85,141)
```
#3d5095
```
#3d5095 rgb(61,80,149)
```
#354b9d
```
#354b9d rgb(53,75,157)
```
#2d47a5
```
#2d47a5 rgb(45,71,165)
```
#2542ad
```
#2542ad rgb(37,66,173)
```
#1d3eb5
```
#1d3eb5 rgb(29,62,181)
```
#1539bd
```
#1539bd rgb(21,57,189)
```
#0d34c5
```
#0d34c5 rgb(13,52,197)
```
#0430ce
```
#0430ce rgb(4,48,206)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#4e525f Atypical Achromatopsia 0.001% of the population

Dichromacy

#3b5a9c Protanopia 1% of men
#285e98 Deuteranopia 1% of men
#2d646b Tritanopia 0.001% of the population

Trichromacy

#3c5699 Protanomaly 1% of men, 0.01% of women
#305897 Deuteranomaly 6% of men, 0.4% of women
#335d7a Tritanomaly 0.01% of the population

#3d5095 hex color

#3d5095 Color Information

#3d5095 Color Conversion

Color Schemes with #3d5095

Alternatives to #3d5095

#3d5095 Preview

Shades and Tints of #3d5095

Tones of #3d5095

Color Blindness Simulator