#3a5290 hex color

In a RGB color space, hex #3a5290 is composed of 22.7% red, 32.2% green and 56.5% blue. Whereas in a CMYK color space, it is composed of 59.7% cyan, 43.1% magenta, 0% yellow and 43.5% black. It has a hue angle of 223.3 degrees, a saturation of 42.6% and a lightness of 39.6%. #3a5290 color hex could be obtained by blending #74a4ff with #000021. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 23
- G 32
- B 56
RGB color chart
- C 60
- M 43
- Y 0
- K 44
CMYK color chart

● #3a5290 color description : Dark moderate blue.

The hexadecimal color #3a5290 has RGB values of R:58, G:82, B:144 and CMYK values of C:0.6, M:0.43, Y:0, K:0.44. Its decimal value is 3822224.

Hex triplet	3a5290	`#3a5290`
RGB Decimal	58, 82, 144	`rgb(58,82,144)`
RGB Percent	22.7, 32.2, 56.5	`rgb(22.7%,32.2%,56.5%)`
CMYK	60, 43, 0, 44
HSL	223.3°, 42.6, 39.6	`hsl(223.3,42.6%,39.6%)`
HSV (or HSB)	223.3°, 59.7, 56.5
Web Safe	336699	`#336699`

CIE-LAB	35.882, 10.789, -37.114
XYZ	9.795, 8.947, 27.595
xyY	0.211, 0.193, 8.947
CIE-LCH	35.882, 38.65, 286.208
CIE-LUV	35.882, -11.697, -52.837
Hunter-Lab	29.912, 6.107, -33.759
Binary	00111010, 01010010, 10010000

#3a5290
```
#3a5290 rgb(58,82,144)
```
#90783a
```
#90783a rgb(144,120,58)
```

Complementary Color

#3a7d90
```
#3a7d90 rgb(58,125,144)
```
#3a5290
```
#3a5290 rgb(58,82,144)
```
#4d3a90
```
#4d3a90 rgb(77,58,144)
```

Analogous Color

#7d903a
```
#7d903a rgb(125,144,58)
```
#3a5290
```
#3a5290 rgb(58,82,144)
```
#904d3a
```
#904d3a rgb(144,77,58)
```

Split Complementary Color

#52903a
```
#52903a rgb(82,144,58)
```
#3a5290
```
#3a5290 rgb(58,82,144)
```
#903a52
```
#903a52 rgb(144,58,82)
```

Triadic Color

#3a9078
```
#3a9078 rgb(58,144,120)
```
#3a5290
```
#3a5290 rgb(58,82,144)
```
#903a52
```
#903a52 rgb(144,58,82)
```
#90783a
```
#90783a rgb(144,120,58)
```

Tetradic Color

#243359
```
#243359 rgb(36,51,89)
```
#2b3d6c
```
#2b3d6c rgb(43,61,108)
```
#33487e
```
#33487e rgb(51,72,126)
```
#3a5290
```
#3a5290 rgb(58,82,144)
```
#415ca2
```
#415ca2 rgb(65,92,162)
```
#4967b4
```
#4967b4 rgb(73,103,180)
```
#5a75bd
```
#5a75bd rgb(90,117,189)
```

Monochromatic Color

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

#3a6890
```
#3a6890 rgb(58,104,144)
```
#3a6090
```
#3a6090 rgb(58,96,144)
```
#3a5990
```
#3a5990 rgb(58,89,144)
```
#3a5290
```
#3a5290 rgb(58,82,144)
```
#3a4b90
```
#3a4b90 rgb(58,75,144)
```
#3a4490
```
#3a4490 rgb(58,68,144)
```
#3a3d90
```
#3a3d90 rgb(58,61,144)
```

Similar Colors

Text with hexadecimal color #3a5290

This text has a font color of #3a5290.

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

#3a5290 background color

This paragraph has a background color of #3a5290.

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

#3a5290 border color

This element has a border color of #3a5290.

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

CSS codes

.text {color:#3a5290;}

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

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

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

#020204
```
#020204 rgb(2,2,4)
```
#070a12
```
#070a12 rgb(7,10,18)
```
#0d1220
```
#0d1220 rgb(13,18,32)
```
#131a2e
```
#131a2e rgb(19,26,46)
```
#18223c
```
#18223c rgb(24,34,60)
```
#1e2a4a
```
#1e2a4a rgb(30,42,74)
```
#233258
```
#233258 rgb(35,50,88)
```
#293a66
```
#293a66 rgb(41,58,102)
```
#2f4274
```
#2f4274 rgb(47,66,116)
```
#344a82
```
#344a82 rgb(52,74,130)
```
#3a5290
```
#3a5290 rgb(58,82,144)
```
#405a9e
```
#405a9e rgb(64,90,158)
```
#4562ac
```
#4562ac rgb(69,98,172)
```

Shade Color Variation

#4d6bb7
```
#4d6bb7 rgb(77,107,183)
```
#5b77bd
```
#5b77bd rgb(91,119,189)
```
#6982c3
```
#6982c3 rgb(105,130,195)
```
#778ec8
```
#778ec8 rgb(119,142,200)
```
#859ace
```
#859ace rgb(133,154,206)
```
#93a5d4
```
#93a5d4 rgb(147,165,212)
```
#a1b1d9
```
#a1b1d9 rgb(161,177,217)
```
#afbddf
```
#afbddf rgb(175,189,223)
```
#bdc8e5
```
#bdc8e5 rgb(189,200,229)
```
#cbd4ea
```
#cbd4ea rgb(203,212,234)
```
#d9e0f0
```
#d9e0f0 rgb(217,224,240)
```
#e7ebf5
```
#e7ebf5 rgb(231,235,245)
```
#f5f7fb
```
#f5f7fb rgb(245,247,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #616369 is the less saturated color, while #043ac6 is the most saturated one.

#616369
```
#616369 rgb(97,99,105)
```
#596071
```
#596071 rgb(89,96,113)
```
#515c79
```
#515c79 rgb(81,92,121)
```
#4a5980
```
#4a5980 rgb(74,89,128)
```
#425588
```
#425588 rgb(66,85,136)
```
#3a5290
```
#3a5290 rgb(58,82,144)
```
#324f98
```
#324f98 rgb(50,79,152)
```
#2a4ba0
```
#2a4ba0 rgb(42,75,160)
```
#2348a7
```
#2348a7 rgb(35,72,167)
```
#1b44af
```
#1b44af rgb(27,68,175)
```
#1341b7
```
#1341b7 rgb(19,65,183)
```
#0b3dbf
```
#0b3dbf rgb(11,61,191)
```
#043ac6
```
#043ac6 rgb(4,58,198)
```

Tone Color Variation

Below, you can see how #3a5290 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
#4d525e Atypical Achromatopsia 0.001% of the population

Dichromacy

#425b96 Protanopia 1% of men
#335d94 Deuteranopia 1% of men
#2d646c Tritanopia 0.001% of the population

Trichromacy

#3f5793 Protanomaly 1% of men, 0.01% of women
#355992 Deuteranomaly 6% of men, 0.4% of women
#315d79 Tritanomaly 0.01% of the population

#3a5290 hex color

#3a5290 Color Information

#3a5290 Color Conversion

Color Schemes with #3a5290

Alternatives to #3a5290

#3a5290 Preview

Shades and Tints of #3a5290

Tones of #3a5290

Color Blindness Simulator