#3d5193 hex color

In a RGB color space, hex #3d5193 is composed of 23.9% red, 31.8% green and 57.6% blue. Whereas in a CMYK color space, it is composed of 58.5% cyan, 44.9% magenta, 0% yellow and 42.4% black. It has a hue angle of 226 degrees, a saturation of 41.3% and a lightness of 40.8%. #3d5193 color hex could be obtained by blending #7aa2ff with #000027. Closest websafe color is: #336699.

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

● #3d5193 color description : Dark moderate blue.

The hexadecimal color #3d5193 has RGB values of R:61, G:81, B:147 and CMYK values of C:0.59, M:0.45, Y:0, K:0.42. Its decimal value is 4018579.

Hex triplet	3d5193	`#3d5193`
RGB Decimal	61, 81, 147	`rgb(61,81,147)`
RGB Percent	23.9, 31.8, 57.6	`rgb(23.9%,31.8%,57.6%)`
CMYK	59, 45, 0, 42
HSL	226°, 41.3, 40.8	`hsl(226,41.3%,40.8%)`
HSV (or HSB)	226°, 58.5, 57.6
Web Safe	336699	`#336699`

CIE-LAB	35.952, 13.149, -38.814
XYZ	10.132, 8.983, 28.802
xyY	0.211, 0.187, 8.983
CIE-LCH	35.952, 40.981, 288.715
CIE-LUV	35.952, -10.565, -55.513
Hunter-Lab	29.972, 7.893, -35.996
Binary	00111101, 01010001, 10010011

#3d5193
```
#3d5193 rgb(61,81,147)
```
#937f3d
```
#937f3d rgb(147,127,61)
```

Complementary Color

#3d7c93
```
#3d7c93 rgb(61,124,147)
```
#3d5193
```
#3d5193 rgb(61,81,147)
```
#543d93
```
#543d93 rgb(84,61,147)
```

Analogous Color

#7c933d
```
#7c933d rgb(124,147,61)
```
#3d5193
```
#3d5193 rgb(61,81,147)
```
#93543d
```
#93543d rgb(147,84,61)
```

Split Complementary Color

#51933d
```
#51933d rgb(81,147,61)
```
#3d5193
```
#3d5193 rgb(61,81,147)
```
#933d51
```
#933d51 rgb(147,61,81)
```

Triadic Color

#3d937f
```
#3d937f rgb(61,147,127)
```
#3d5193
```
#3d5193 rgb(61,81,147)
```
#933d51
```
#933d51 rgb(147,61,81)
```
#937f3d
```
#937f3d rgb(147,127,61)
```

Tetradic Color

#27335d
```
#27335d rgb(39,51,93)
```
#2e3d6f
```
#2e3d6f rgb(46,61,111)
```
#364781
```
#364781 rgb(54,71,129)
```
#3d5193
```
#3d5193 rgb(61,81,147)
```
#445ba5
```
#445ba5 rgb(68,91,165)
```
#4e66b5
```
#4e66b5 rgb(78,102,181)
```
#6075bd
```
#6075bd rgb(96,117,189)
```

Monochromatic Color

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

#3d6793
```
#3d6793 rgb(61,103,147)
```
#3d5f93
```
#3d5f93 rgb(61,95,147)
```
#3d5893
```
#3d5893 rgb(61,88,147)
```
#3d5193
```
#3d5193 rgb(61,81,147)
```
#3d4a93
```
#3d4a93 rgb(61,74,147)
```
#3d4393
```
#3d4393 rgb(61,67,147)
```
#3f3d93
```
#3f3d93 rgb(63,61,147)
```

Similar Colors

Text with hexadecimal color #3d5193

This text has a font color of #3d5193.

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

#3d5193 background color

This paragraph has a background color of #3d5193.

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

#3d5193 border color

This element has a border color of #3d5193.

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

CSS codes

.text {color:#3d5193;}

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

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

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

#030508
```
#030508 rgb(3,5,8)
```
#090c16
```
#090c16 rgb(9,12,22)
```
#0f1424
```
#0f1424 rgb(15,20,36)
```
#151c32
```
#151c32 rgb(21,28,50)
```
#1a2340
```
#1a2340 rgb(26,35,64)
```
#202b4e
```
#202b4e rgb(32,43,78)
```
#26325c
```
#26325c rgb(38,50,92)
```
#2c3a69
```
#2c3a69 rgb(44,58,105)
```
#314277
```
#314277 rgb(49,66,119)
```
#374985
```
#374985 rgb(55,73,133)
```
#3d5193
```
#3d5193 rgb(61,81,147)
```
#4359a1
```
#4359a1 rgb(67,89,161)
```
#4960af
```
#4960af rgb(73,96,175)
```

Shade Color Variation

#536bb8
```
#536bb8 rgb(83,107,184)
```
#6177bd
```
#6177bd rgb(97,119,189)
```
#6f82c3
```
#6f82c3 rgb(111,130,195)
```
#7d8ec9
```
#7d8ec9 rgb(125,142,201)
```
#8b9acf
```
#8b9acf rgb(139,154,207)
```
#98a6d4
```
#98a6d4 rgb(152,166,212)
```
#a6b2da
```
#a6b2da rgb(166,178,218)
```
#b4bee0
```
#b4bee0 rgb(180,190,224)
```
#c2cae6
```
#c2cae6 rgb(194,202,230)
```
#d0d6eb
```
#d0d6eb rgb(208,214,235)
```
#dee2f1
```
#dee2f1 rgb(222,226,241)
```
#eceef7
```
#eceef7 rgb(236,238,247)
```
#fafafd
```
#fafafd rgb(250,250,253)
```

Tint Color Variation

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

#65666b
```
#65666b rgb(101,102,107)
```
#5d6273
```
#5d6273 rgb(93,98,115)
```
#555e7b
```
#555e7b rgb(85,94,123)
```
#4d5a83
```
#4d5a83 rgb(77,90,131)
```
#45558b
```
#45558b rgb(69,85,139)
```
#3d5193
```
#3d5193 rgb(61,81,147)
```
#354d9b
```
#354d9b rgb(53,77,155)
```
#2d48a3
```
#2d48a3 rgb(45,72,163)
```
#2544ab
```
#2544ab rgb(37,68,171)
```
#1d40b3
```
#1d40b3 rgb(29,64,179)
```
#153cbb
```
#153cbb rgb(21,60,187)
```
#0d37c3
```
#0d37c3 rgb(13,55,195)
```
#0533cb
```
#0533cb rgb(5,51,203)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#4f5360 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3f5b99 Protanopia 1% of men
#2e5e96 Deuteranopia 1% of men
#2f646c Tritanopia 0.001% of the population

Trichromacy

#3e5797 Protanomaly 1% of men, 0.01% of women
#345995 Deuteranomaly 6% of men, 0.4% of women
#345d7a Tritanomaly 0.01% of the population

#3d5193 hex color

#3d5193 Color Information

#3d5193 Color Conversion

Color Schemes with #3d5193

Alternatives to #3d5193

#3d5193 Preview

Shades and Tints of #3d5193

Tones of #3d5193

Color Blindness Simulator