#3c5193 hex color

In a RGB color space, hex #3c5193 is composed of 23.5% red, 31.8% green and 57.6% blue. Whereas in a CMYK color space, it is composed of 59.2% cyan, 44.9% magenta, 0% yellow and 42.4% black. It has a hue angle of 225.5 degrees, a saturation of 42% and a lightness of 40.6%. #3c5193 color hex could be obtained by blending #78a2ff 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

● #3c5193 color description : Dark moderate blue.

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

Hex triplet	3c5193	`#3c5193`
RGB Decimal	60, 81, 147	`rgb(60,81,147)`
RGB Percent	23.5, 31.8, 57.6	`rgb(23.5%,31.8%,57.6%)`
CMYK	59, 45, 0, 42
HSL	225.5°, 42, 40.6	`hsl(225.5,42%,40.6%)`
HSV (or HSB)	225.5°, 59.2, 57.6
Web Safe	336699	`#336699`

CIE-LAB	35.891, 12.934, -38.915
XYZ	10.071, 8.952, 28.799
xyY	0.211, 0.187, 8.952
CIE-LCH	35.891, 41.008, 288.385
CIE-LUV	35.891, -10.849, -55.609
Hunter-Lab	29.919, 7.727, -36.127
Binary	00111100, 01010001, 10010011

#3c5193
```
#3c5193 rgb(60,81,147)
```
#937e3c
```
#937e3c rgb(147,126,60)
```

Complementary Color

#3c7d93
```
#3c7d93 rgb(60,125,147)
```
#3c5193
```
#3c5193 rgb(60,81,147)
```
#523c93
```
#523c93 rgb(82,60,147)
```

Analogous Color

#7d933c
```
#7d933c rgb(125,147,60)
```
#3c5193
```
#3c5193 rgb(60,81,147)
```
#93533c
```
#93533c rgb(147,83,60)
```

Split Complementary Color

#51933c
```
#51933c rgb(81,147,60)
```
#3c5193
```
#3c5193 rgb(60,81,147)
```
#933c51
```
#933c51 rgb(147,60,81)
```

Triadic Color

#3c937e
```
#3c937e rgb(60,147,126)
```
#3c5193
```
#3c5193 rgb(60,81,147)
```
#933c51
```
#933c51 rgb(147,60,81)
```
#937e3c
```
#937e3c rgb(147,126,60)
```

Tetradic Color

#26335d
```
#26335d rgb(38,51,93)
```
#2d3d6f
```
#2d3d6f rgb(45,61,111)
```
#354781
```
#354781 rgb(53,71,129)
```
#3c5193
```
#3c5193 rgb(60,81,147)
```
#435ba5
```
#435ba5 rgb(67,91,165)
```
#4c66b6
```
#4c66b6 rgb(76,102,182)
```
#5e75bd
```
#5e75bd rgb(94,117,189)
```

Monochromatic Color

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

#3c6793
```
#3c6793 rgb(60,103,147)
```
#3c6093
```
#3c6093 rgb(60,96,147)
```
#3c5893
```
#3c5893 rgb(60,88,147)
```
#3c5193
```
#3c5193 rgb(60,81,147)
```
#3c4a93
```
#3c4a93 rgb(60,74,147)
```
#3c4393
```
#3c4393 rgb(60,67,147)
```
#3d3c93
```
#3d3c93 rgb(61,60,147)
```

Similar Colors

Text with hexadecimal color #3c5193

This text has a font color of #3c5193.

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

#3c5193 background color

This paragraph has a background color of #3c5193.

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

#3c5193 border color

This element has a border color of #3c5193.

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

CSS codes

.text {color:#3c5193;}

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

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

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

#030408
```
#030408 rgb(3,4,8)
```
#090c16
```
#090c16 rgb(9,12,22)
```
#0f1424
```
#0f1424 rgb(15,20,36)
```
#141b31
```
#141b31 rgb(20,27,49)
```
#1a233f
```
#1a233f rgb(26,35,63)
```
#202b4d
```
#202b4d rgb(32,43,77)
```
#25325b
```
#25325b rgb(37,50,91)
```
#2b3a69
```
#2b3a69 rgb(43,58,105)
```
#314277
```
#314277 rgb(49,66,119)
```
#364985
```
#364985 rgb(54,73,133)
```
#3c5193
```
#3c5193 rgb(60,81,147)
```
#4259a1
```
#4259a1 rgb(66,89,161)
```
#4760af
```
#4760af rgb(71,96,175)
```

Shade Color Variation

#526ab8
```
#526ab8 rgb(82,106,184)
```
#6076be
```
#6076be rgb(96,118,190)
```
#6d82c4
```
#6d82c4 rgb(109,130,196)
```
#7b8ec9
```
#7b8ec9 rgb(123,142,201)
```
#899acf
```
#899acf rgb(137,154,207)
```
#97a6d5
```
#97a6d5 rgb(151,166,213)
```
#a5b2da
```
#a5b2da rgb(165,178,218)
```
#b3bee0
```
#b3bee0 rgb(179,190,224)
```
#c1cae6
```
#c1cae6 rgb(193,202,230)
```
#cfd6eb
```
#cfd6eb rgb(207,214,235)
```
#dde2f1
```
#dde2f1 rgb(221,226,241)
```
#ebeef7
```
#ebeef7 rgb(235,238,247)
```
#f9fafc
```
#f9fafc rgb(249,250,252)
```

Tint Color Variation

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

#64666b
```
#64666b rgb(100,102,107)
```
#5c6173
```
#5c6173 rgb(92,97,115)
```
#545d7b
```
#545d7b rgb(84,93,123)
```
#4c5983
```
#4c5983 rgb(76,89,131)
```
#44558b
```
#44558b rgb(68,85,139)
```
#3c5193
```
#3c5193 rgb(60,81,147)
```
#344d9b
```
#344d9b rgb(52,77,155)
```
#2c49a3
```
#2c49a3 rgb(44,73,163)
```
#2445ab
```
#2445ab rgb(36,69,171)
```
#1c41b3
```
#1c41b3 rgb(28,65,179)
```
#143cbb
```
#143cbb rgb(20,60,187)
```
#0c38c3
```
#0c38c3 rgb(12,56,195)
```
#0434cb
```
#0434cb rgb(4,52,203)
```

Tone Color Variation

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

#3e5b99 Protanopia 1% of men
#2e5e96 Deuteranopia 1% of men
#2d646c Tritanopia 0.001% of the population

Trichromacy

#3d5797 Protanomaly 1% of men, 0.01% of women
#335995 Deuteranomaly 6% of men, 0.4% of women
#325d7a Tritanomaly 0.01% of the population

#3c5193 hex color

#3c5193 Color Information

#3c5193 Color Conversion

Color Schemes with #3c5193

Alternatives to #3c5193

#3c5193 Preview

Shades and Tints of #3c5193

Tones of #3c5193

Color Blindness Simulator