#3d5d94 hex color

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

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

● #3d5d94 color description : Dark moderate blue.

The hexadecimal color #3d5d94 has RGB values of R:61, G:93, B:148 and CMYK values of C:0.59, M:0.37, Y:0, K:0.42. Its decimal value is 4021652.

Hex triplet	3d5d94	`#3d5d94`
RGB Decimal	61, 93, 148	`rgb(61,93,148)`
RGB Percent	23.9, 36.5, 58	`rgb(23.9%,36.5%,58%)`
CMYK	59, 37, 0, 42
HSL	217.9°, 41.6, 41	`hsl(217.9,41.6%,41%)`
HSV (or HSB)	217.9°, 58.8, 58
Web Safe	336699	`#336699`

CIE-LAB	39.51, 5.738, -33.768
XYZ	11.183, 10.958, 29.541
xyY	0.216, 0.212, 10.958
CIE-LCH	39.51, 34.252, 279.643
CIE-LUV	39.51, -14.648, -48.802
Hunter-Lab	33.103, 2.37, -29.738
Binary	00111101, 01011101, 10010100

#3d5d94
```
#3d5d94 rgb(61,93,148)
```
#94743d
```
#94743d rgb(148,116,61)
```

Complementary Color

#3d8994
```
#3d8994 rgb(61,137,148)
```
#3d5d94
```
#3d5d94 rgb(61,93,148)
```
#493d94
```
#493d94 rgb(73,61,148)
```

Analogous Color

#89943d
```
#89943d rgb(137,148,61)
```
#3d5d94
```
#3d5d94 rgb(61,93,148)
```
#94493d
```
#94493d rgb(148,73,61)
```

Split Complementary Color

#5d943d
```
#5d943d rgb(93,148,61)
```
#3d5d94
```
#3d5d94 rgb(61,93,148)
```
#943d5d
```
#943d5d rgb(148,61,93)
```

Triadic Color

#3d9474
```
#3d9474 rgb(61,148,116)
```
#3d5d94
```
#3d5d94 rgb(61,93,148)
```
#943d5d
```
#943d5d rgb(148,61,93)
```
#94743d
```
#94743d rgb(148,116,61)
```

Tetradic Color

#273b5e
```
#273b5e rgb(39,59,94)
```
#2e4670
```
#2e4670 rgb(46,70,112)
```
#365282
```
#365282 rgb(54,82,130)
```
#3d5d94
```
#3d5d94 rgb(61,93,148)
```
#4468a6
```
#4468a6 rgb(68,104,166)
```
#4e74b6
```
#4e74b6 rgb(78,116,182)
```
#6082bd
```
#6082bd rgb(96,130,189)
```

Monochromatic Color

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

#3d7394
```
#3d7394 rgb(61,115,148)
```
#3d6c94
```
#3d6c94 rgb(61,108,148)
```
#3d6494
```
#3d6494 rgb(61,100,148)
```
#3d5d94
```
#3d5d94 rgb(61,93,148)
```
#3d5694
```
#3d5694 rgb(61,86,148)
```
#3d4f94
```
#3d4f94 rgb(61,79,148)
```
#3d4794
```
#3d4794 rgb(61,71,148)
```

Similar Colors

Text with hexadecimal color #3d5d94

This text has a font color of #3d5d94.

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

#3d5d94 background color

This paragraph has a background color of #3d5d94.

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

#3d5d94 border color

This element has a border color of #3d5d94.

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

CSS codes

.text {color:#3d5d94;}

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

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

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

#040609
```
#040609 rgb(4,6,9)
```
#090e17
```
#090e17 rgb(9,14,23)
```
#0f1725
```
#0f1725 rgb(15,23,37)
```
#152033
```
#152033 rgb(21,32,51)
```
#1b2941
```
#1b2941 rgb(27,41,65)
```
#20314f
```
#20314f rgb(32,49,79)
```
#263a5c
```
#263a5c rgb(38,58,92)
```
#2c436a
```
#2c436a rgb(44,67,106)
```
#324c78
```
#324c78 rgb(50,76,120)
```
#375486
```
#375486 rgb(55,84,134)
```
#3d5d94
```
#3d5d94 rgb(61,93,148)
```
#4366a2
```
#4366a2 rgb(67,102,162)
```
#486eb0
```
#486eb0 rgb(72,110,176)
```

Shade Color Variation

#5479b8
```
#5479b8 rgb(84,121,184)
```
#6183be
```
#6183be rgb(97,131,190)
```
#6f8ec4
```
#6f8ec4 rgb(111,142,196)
```
#7d99c9
```
#7d99c9 rgb(125,153,201)
```
#8ba4cf
```
#8ba4cf rgb(139,164,207)
```
#99afd5
```
#99afd5 rgb(153,175,213)
```
#a7badb
```
#a7badb rgb(167,186,219)
```
#b5c5e0
```
#b5c5e0 rgb(181,197,224)
```
#c3d0e6
```
#c3d0e6 rgb(195,208,230)
```
#d1dbec
```
#d1dbec rgb(209,219,236)
```
#dee5f2
```
#dee5f2 rgb(222,229,242)
```
#ecf0f7
```
#ecf0f7 rgb(236,240,247)
```
#fafbfd
```
#fafbfd rgb(250,251,253)
```

Tint Color Variation

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

#65686c
```
#65686c rgb(101,104,108)
```
#5d6674
```
#5d6674 rgb(93,102,116)
```
#55637c
```
#55637c rgb(85,99,124)
```
#4d6184
```
#4d6184 rgb(77,97,132)
```
#455f8c
```
#455f8c rgb(69,95,140)
```
#3d5d94
```
#3d5d94 rgb(61,93,148)
```
#355b9c
```
#355b9c rgb(53,91,156)
```
#2d59a4
```
#2d59a4 rgb(45,89,164)
```
#2557ac
```
#2557ac rgb(37,87,172)
```
#1d54b4
```
#1d54b4 rgb(29,84,180)
```
#1552bc
```
#1552bc rgb(21,82,188)
```
#0d50c4
```
#0d50c4 rgb(13,80,196)
```
#054ecc
```
#054ecc rgb(5,78,204)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#545b66 Atypical Achromatopsia 0.001% of the population

Dichromacy

#506398 Protanopia 1% of men
#466599 Deuteranopia 1% of men
#336d75 Tritanopia 0.001% of the population

Trichromacy

#496196 Protanomaly 1% of men, 0.01% of women
#426297 Deuteranomaly 6% of men, 0.4% of women
#376780 Tritanomaly 0.01% of the population

#3d5d94 hex color

#3d5d94 Color Information

#3d5d94 Color Conversion

Color Schemes with #3d5d94

Alternatives to #3d5d94

#3d5d94 Preview

Shades and Tints of #3d5d94

Tones of #3d5d94

Color Blindness Simulator