colorhexa.com

#3d5194 hex color

In a RGB color space, hex #3d5194 is composed of 23.9% red, 31.8% green and 58% blue. Whereas in a CMYK color space, it is composed of 58.8% cyan, 45.3% magenta, 0% yellow and 42% black. It has a hue angle of 226.2 degrees, a saturation of 41.6% and a lightness of 41%. #3d5194 color hex could be obtained by blending #7aa2ff with #000029. Closest websafe color is: #336699.

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

● #3d5194 color description : Dark moderate blue.

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

Hex triplet	3d5194	`#3d5194`
RGB Decimal	61, 81, 148	`rgb(61,81,148)`
RGB Percent	23.9, 31.8, 58	`rgb(23.9%,31.8%,58%)`
CMYK	59, 45, 0, 42
HSL	226.2°, 41.6, 41	`hsl(226.2,41.6%,41%)`
HSV (or HSB)	226.2°, 58.8, 58
Web Safe	336699	`#336699`

CIE-LAB	36.012, 13.501, -39.324
XYZ	10.211, 9.015, 29.217
xyY	0.211, 0.186, 9.015
CIE-LCH	36.012, 41.577, 288.949
CIE-LUV	36.012, -10.582, -56.299
Hunter-Lab	30.024, 8.164, -36.679
Binary	00111101, 01010001, 10010100

#3d5194
```
#3d5194 rgb(61,81,148)
```
#94803d
```
#94803d rgb(148,128,61)
```

Complementary Color

#3d7d94
```
#3d7d94 rgb(61,125,148)
```
#3d5194
```
#3d5194 rgb(61,81,148)
```
#553d94
```
#553d94 rgb(85,61,148)
```

Analogous Color

#7d943d
```
#7d943d rgb(125,148,61)
```
#3d5194
```
#3d5194 rgb(61,81,148)
```
#94553d
```
#94553d rgb(148,85,61)
```

Split Complementary Color

#51943d
```
#51943d rgb(81,148,61)
```
#3d5194
```
#3d5194 rgb(61,81,148)
```
#943d51
```
#943d51 rgb(148,61,81)
```

Triadic Color

#3d9480
```
#3d9480 rgb(61,148,128)
```
#3d5194
```
#3d5194 rgb(61,81,148)
```
#943d51
```
#943d51 rgb(148,61,81)
```
#94803d
```
#94803d rgb(148,128,61)
```

Tetradic Color

#27335e
```
#27335e rgb(39,51,94)
```
#2e3d70
```
#2e3d70 rgb(46,61,112)
```
#364782
```
#364782 rgb(54,71,130)
```
#3d5194
```
#3d5194 rgb(61,81,148)
```
#445ba6
```
#445ba6 rgb(68,91,166)
```
#4e66b6
```
#4e66b6 rgb(78,102,182)
```
#6076bd
```
#6076bd rgb(96,118,189)
```

Monochromatic Color

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

#3d6794
```
#3d6794 rgb(61,103,148)
```
#3d6094
```
#3d6094 rgb(61,96,148)
```
#3d5894
```
#3d5894 rgb(61,88,148)
```
#3d5194
```
#3d5194 rgb(61,81,148)
```
#3d4a94
```
#3d4a94 rgb(61,74,148)
```
#3d4394
```
#3d4394 rgb(61,67,148)
```
#3f3d94
```
#3f3d94 rgb(63,61,148)
```

Similar Colors

Text with hexadecimal color #3d5194

This text has a font color of #3d5194.

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

#3d5194 background color

This paragraph has a background color of #3d5194.

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

#3d5194 border color

This element has a border color of #3d5194.

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

CSS codes

.text {color:#3d5194;}

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

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

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

#040509
```
#040509 rgb(4,5,9)
```
#090d17
```
#090d17 rgb(9,13,23)
```
#0f1425
```
#0f1425 rgb(15,20,37)
```
#151c33
```
#151c33 rgb(21,28,51)
```
#1b2341
```
#1b2341 rgb(27,35,65)
```
#202b4f
```
#202b4f rgb(32,43,79)
```
#26335c
```
#26335c rgb(38,51,92)
```
#2c3a6a
```
#2c3a6a rgb(44,58,106)
```
#324278
```
#324278 rgb(50,66,120)
```
#374986
```
#374986 rgb(55,73,134)
```
#3d5194
```
#3d5194 rgb(61,81,148)
```
#4359a2
```
#4359a2 rgb(67,89,162)
```
#4860b0
```
#4860b0 rgb(72,96,176)
```

Shade Color Variation

#546bb8
```
#546bb8 rgb(84,107,184)
```
#6177be
```
#6177be rgb(97,119,190)
```
#6f83c4
```
#6f83c4 rgb(111,131,196)
```
#7d8fc9
```
#7d8fc9 rgb(125,143,201)
```
#8b9bcf
```
#8b9bcf rgb(139,155,207)
```
#99a7d5
```
#99a7d5 rgb(153,167,213)
```
#a7b3db
```
#a7b3db rgb(167,179,219)
```
#b5bfe0
```
#b5bfe0 rgb(181,191,224)
```
#c3cbe6
```
#c3cbe6 rgb(195,203,230)
```
#d1d7ec
```
#d1d7ec rgb(209,215,236)
```
#dee3f2
```
#dee3f2 rgb(222,227,242)
```
#eceff7
```
#eceff7 rgb(236,239,247)
```
#fafbfd
```
#fafbfd rgb(250,251,253)
```

Tint Color Variation

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

#65676c
```
#65676c rgb(101,103,108)
```
#5d6274
```
#5d6274 rgb(93,98,116)
```
#555e7c
```
#555e7c rgb(85,94,124)
```
#4d5a84
```
#4d5a84 rgb(77,90,132)
```
#45558c
```
#45558c rgb(69,85,140)
```
#3d5194
```
#3d5194 rgb(61,81,148)
```
#354d9c
```
#354d9c rgb(53,77,156)
```
#2d48a4
```
#2d48a4 rgb(45,72,164)
```
#2544ac
```
#2544ac rgb(37,68,172)
```
#1d40b4
```
#1d40b4 rgb(29,64,180)
```
#153bbc
```
#153bbc rgb(21,59,188)
```
#0d37c4
```
#0d37c4 rgb(13,55,196)
```
#0533cc
```
#0533cc rgb(5,51,204)
```

Tone Color Variation

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

#3e5b9a Protanopia 1% of men
#2d5e97 Deuteranopia 1% of men
#2e646c Tritanopia 0.001% of the population

Trichromacy

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