#3a5785 hex color

In a RGB color space, hex #3a5785 is composed of 22.7% red, 34.1% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 56.4% cyan, 34.6% magenta, 0% yellow and 47.8% black. It has a hue angle of 216.8 degrees, a saturation of 39.3% and a lightness of 37.5%. #3a5785 color hex could be obtained by blending #74aeff with #00000b. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 23
- G 34
- B 52
RGB color chart
- C 56
- M 35
- Y 0
- K 48
CMYK color chart

● #3a5785 color description : Dark moderate blue.

The hexadecimal color #3a5785 has RGB values of R:58, G:87, B:133 and CMYK values of C:0.56, M:0.35, Y:0, K:0.48. Its decimal value is 3823493.

Hex triplet	3a5785	`#3a5785`
RGB Decimal	58, 87, 133	`rgb(58,87,133)`
RGB Percent	22.7, 34.1, 52.2	`rgb(22.7%,34.1%,52.2%)`
CMYK	56, 35, 0, 48
HSL	216.8°, 39.3, 37.5	`hsl(216.8,39.3%,37.5%)`
HSV (or HSB)	216.8°, 56.4, 52.2
Web Safe	336699	`#336699`

CIE-LAB	36.76, 3.694, -29.021
XYZ	9.386, 9.409, 23.511
xyY	0.222, 0.222, 9.409
CIE-LCH	36.76, 29.255, 277.255
CIE-LUV	36.76, -13.38, -40.742
Hunter-Lab	30.674, 0.939, -23.972
Binary	00111010, 01010111, 10000101

#3a5785
```
#3a5785 rgb(58,87,133)
```
#85683a
```
#85683a rgb(133,104,58)
```

Complementary Color

#3a7d85
```
#3a7d85 rgb(58,125,133)
```
#3a5785
```
#3a5785 rgb(58,87,133)
```
#433a85
```
#433a85 rgb(67,58,133)
```

Analogous Color

#7d853a
```
#7d853a rgb(125,133,58)
```
#3a5785
```
#3a5785 rgb(58,87,133)
```
#85423a
```
#85423a rgb(133,66,58)
```

Split Complementary Color

#57853a
```
#57853a rgb(87,133,58)
```
#3a5785
```
#3a5785 rgb(58,87,133)
```
#853a57
```
#853a57 rgb(133,58,87)
```

Triadic Color

#3a8568
```
#3a8568 rgb(58,133,104)
```
#3a5785
```
#3a5785 rgb(58,87,133)
```
#853a57
```
#853a57 rgb(133,58,87)
```
#85683a
```
#85683a rgb(133,104,58)
```

Tetradic Color

#233450
```
#233450 rgb(35,52,80)
```
#2b4061
```
#2b4061 rgb(43,64,97)
```
#324b73
```
#324b73 rgb(50,75,115)
```
#3a5785
```
#3a5785 rgb(58,87,133)
```
#426397
```
#426397 rgb(66,99,151)
```
#496ea9
```
#496ea9 rgb(73,110,169)
```
#567bb5
```
#567bb5 rgb(86,123,181)
```

Monochromatic Color

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

#3a6a85
```
#3a6a85 rgb(58,106,133)
```
#3a6485
```
#3a6485 rgb(58,100,133)
```
#3a5d85
```
#3a5d85 rgb(58,93,133)
```
#3a5785
```
#3a5785 rgb(58,87,133)
```
#3a5185
```
#3a5185 rgb(58,81,133)
```
#3a4b85
```
#3a4b85 rgb(58,75,133)
```
#3a4485
```
#3a4485 rgb(58,68,133)
```

Similar Colors

Text with hexadecimal color #3a5785

This text has a font color of #3a5785.

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

#3a5785 background color

This paragraph has a background color of #3a5785.

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

#3a5785 border color

This element has a border color of #3a5785.

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

CSS codes

.text {color:#3a5785;}

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

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

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

#04070a
```
#04070a rgb(4,7,10)
```
#0a1018
```
#0a1018 rgb(10,16,24)
```
#101825
```
#101825 rgb(16,24,37)
```
#162133
```
#162133 rgb(22,33,51)
```
#1c2a41
```
#1c2a41 rgb(28,42,65)
```
#22334e
```
#22334e rgb(34,51,78)
```
#283c5c
```
#283c5c rgb(40,60,92)
```
#2e456a
```
#2e456a rgb(46,69,106)
```
#344e77
```
#344e77 rgb(52,78,119)
```
#3a5785
```
#3a5785 rgb(58,87,133)
```
#406093
```
#406093 rgb(64,96,147)
```
#4669a0
```
#4669a0 rgb(70,105,160)
```
#4c72ae
```
#4c72ae rgb(76,114,174)
```

Shade Color Variation

#587cb6
```
#587cb6 rgb(88,124,182)
```
#6587bc
```
#6587bc rgb(101,135,188)
```
#7391c2
```
#7391c2 rgb(115,145,194)
```
#809cc8
```
#809cc8 rgb(128,156,200)
```
#8ea7ce
```
#8ea7ce rgb(142,167,206)
```
#9cb1d4
```
#9cb1d4 rgb(156,177,212)
```
#a9bcda
```
#a9bcda rgb(169,188,218)
```
#b7c7e0
```
#b7c7e0 rgb(183,199,224)
```
#c5d1e6
```
#c5d1e6 rgb(197,209,230)
```
#d2dcec
```
#d2dcec rgb(210,220,236)
```
#e0e7f2
```
#e0e7f2 rgb(224,231,242)
```
#eef2f7
```
#eef2f7 rgb(238,242,247)
```
#fbfcfd
```
#fbfcfd rgb(251,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5f5f60 is the less saturated color, while #074bb8 is the most saturated one.

#5f5f60
```
#5f5f60 rgb(95,95,96)
```
#575e68
```
#575e68 rgb(87,94,104)
```
#505c6f
```
#505c6f rgb(80,92,111)
```
#495a76
```
#495a76 rgb(73,90,118)
```
#41597e
```
#41597e rgb(65,89,126)
```
#3a5785
```
#3a5785 rgb(58,87,133)
```
#33558c
```
#33558c rgb(51,85,140)
```
#2b5494
```
#2b5494 rgb(43,84,148)
```
#24529b
```
#24529b rgb(36,82,155)
```
#1d50a2
```
#1d50a2 rgb(29,80,162)
```
#154faa
```
#154faa rgb(21,79,170)
```
#0e4db1
```
#0e4db1 rgb(14,77,177)
```
#074bb8
```
#074bb8 rgb(7,75,184)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#4f555e Atypical Achromatopsia 0.001% of the population

Dichromacy

#4e5d89 Protanopia 1% of men
#475f8b Deuteranopia 1% of men
#36666d Tritanopia 0.001% of the population

Trichromacy

#475b88 Protanomaly 1% of men, 0.01% of women
#425c89 Deuteranomaly 6% of men, 0.4% of women
#376076 Tritanomaly 0.01% of the population

#3a5785 hex color

#3a5785 Color Information

#3a5785 Color Conversion

Color Schemes with #3a5785

Alternatives to #3a5785

#3a5785 Preview

Shades and Tints of #3a5785

Tones of #3a5785

Color Blindness Simulator