#3a4aaa hex color

In a RGB color space, hex #3a4aaa is composed of 22.7% red, 29% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 65.9% cyan, 56.5% magenta, 0% yellow and 33.3% black. It has a hue angle of 231.4 degrees, a saturation of 49.1% and a lightness of 44.7%. #3a4aaa color hex could be obtained by blending #7494ff with #000055. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 23
- G 29
- B 67
RGB color chart
- C 66
- M 56
- Y 0
- K 33
CMYK color chart

● #3a4aaa color description : Dark moderate blue.

The hexadecimal color #3a4aaa has RGB values of R:58, G:74, B:170 and CMYK values of C:0.66, M:0.56, Y:0, K:0.33. Its decimal value is 3820202.

Hex triplet	3a4aaa	`#3a4aaa`
RGB Decimal	58, 74, 170	`rgb(58,74,170)`
RGB Percent	22.7, 29, 66.7	`rgb(22.7%,29%,66.7%)`
CMYK	66, 56, 0, 33
HSL	231.4°, 49.1, 44.7	`hsl(231.4,49.1%,44.7%)`
HSV (or HSB)	231.4°, 65.9, 66.7
Web Safe	333399	`#333399`

CIE-LAB	35.398, 25.384, -53.545
XYZ	11.448, 8.699, 39.104
xyY	0.193, 0.147, 8.699
CIE-LCH	35.398, 59.257, 295.364
CIE-LUV	35.398, -9.757, -76.546
Hunter-Lab	29.494, 17.671, -57.963
Binary	00111010, 01001010, 10101010

#3a4aaa
```
#3a4aaa rgb(58,74,170)
```
#aa9a3a
```
#aa9a3a rgb(170,154,58)
```

Complementary Color

#3a82aa
```
#3a82aa rgb(58,130,170)
```
#3a4aaa
```
#3a4aaa rgb(58,74,170)
```
#623aaa
```
#623aaa rgb(98,58,170)
```

Analogous Color

#82aa3a
```
#82aa3a rgb(130,170,58)
```
#3a4aaa
```
#3a4aaa rgb(58,74,170)
```
#aa623a
```
#aa623a rgb(170,98,58)
```

Split Complementary Color

#4aaa3a
```
#4aaa3a rgb(74,170,58)
```
#3a4aaa
```
#3a4aaa rgb(58,74,170)
```
#aa3a4a
```
#aa3a4a rgb(170,58,74)
```

Triadic Color

#3aaa9a
```
#3aaa9a rgb(58,170,154)
```
#3a4aaa
```
#3a4aaa rgb(58,74,170)
```
#aa3a4a
```
#aa3a4a rgb(170,58,74)
```
#aa9a3a
```
#aa9a3a rgb(170,154,58)
```

Tetradic Color

#273171
```
#273171 rgb(39,49,113)
```
#2d3984
```
#2d3984 rgb(45,57,132)
```
#344297
```
#344297 rgb(52,66,151)
```
#3a4aaa
```
#3a4aaa rgb(58,74,170)
```
#4052bd
```
#4052bd rgb(64,82,189)
```
#5363c4
```
#5363c4 rgb(83,99,196)
```
#6674cb
```
#6674cb rgb(102,116,203)
```

Monochromatic Color

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

#3a66aa
```
#3a66aa rgb(58,102,170)
```
#3a5daa
```
#3a5daa rgb(58,93,170)
```
#3a53aa
```
#3a53aa rgb(58,83,170)
```
#3a4aaa
```
#3a4aaa rgb(58,74,170)
```
#3a41aa
```
#3a41aa rgb(58,65,170)
```
#3d3aaa
```
#3d3aaa rgb(61,58,170)
```
#463aaa
```
#463aaa rgb(70,58,170)
```

Similar Colors

Text with hexadecimal color #3a4aaa

This text has a font color of #3a4aaa.

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

#3a4aaa background color

This paragraph has a background color of #3a4aaa.

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

#3a4aaa border color

This element has a border color of #3a4aaa.

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

CSS codes

.text {color:#3a4aaa;}

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

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

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

#030409
```
#030409 rgb(3,4,9)
```
#080a18
```
#080a18 rgb(8,10,24)
```
#0d1126
```
#0d1126 rgb(13,17,38)
```
#121735
```
#121735 rgb(18,23,53)
```
#171d44
```
#171d44 rgb(23,29,68)
```
#1c2452
```
#1c2452 rgb(28,36,82)
```
#212a61
```
#212a61 rgb(33,42,97)
```
#26316f
```
#26316f rgb(38,49,111)
```
#2b377e
```
#2b377e rgb(43,55,126)
```
#303d8d
```
#303d8d rgb(48,61,141)
```
#35449b
```
#35449b rgb(53,68,155)
```
#3a4aaa
```
#3a4aaa rgb(58,74,170)
```
#3f50b9
```
#3f50b9 rgb(63,80,185)
```

Shade Color Variation

#4a5bc1
```
#4a5bc1 rgb(74,91,193)
```
#5968c6
```
#5968c6 rgb(89,104,198)
```
#6776cb
```
#6776cb rgb(103,118,203)
```
#7683d0
```
#7683d0 rgb(118,131,208)
```
#8490d5
```
#8490d5 rgb(132,144,213)
```
#939dda
```
#939dda rgb(147,157,218)
```
#a2abdf
```
#a2abdf rgb(162,171,223)
```
#b0b8e4
```
#b0b8e4 rgb(176,184,228)
```
#bfc5e9
```
#bfc5e9 rgb(191,197,233)
```
#ced2ee
```
#ced2ee rgb(206,210,238)
```
#dce0f3
```
#dce0f3 rgb(220,224,243)
```
#ebedf8
```
#ebedf8 rgb(235,237,248)
```
#f9fafd
```
#f9fafd rgb(249,250,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6f7075 is the less saturated color, while #0524df is the most saturated one.

#6f7075
```
#6f7075 rgb(111,112,117)
```
#66697e
```
#66697e rgb(102,105,126)
```
#5d6387
```
#5d6387 rgb(93,99,135)
```
#545d90
```
#545d90 rgb(84,93,144)
```
#4c5798
```
#4c5798 rgb(76,87,152)
```
#4350a1
```
#4350a1 rgb(67,80,161)
```
#3a4aaa
```
#3a4aaa rgb(58,74,170)
```
#3144b3
```
#3144b3 rgb(49,68,179)
```
#283dbc
```
#283dbc rgb(40,61,188)
```
#2037c4
```
#2037c4 rgb(32,55,196)
```
#1731cd
```
#1731cd rgb(23,49,205)
```
#0e2bd6
```
#0e2bd6 rgb(14,43,214)
```
#0524df
```
#0524df rgb(5,36,223)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#4c4f62 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0059af Protanopia 1% of men
#005e9a Deuteranopia 1% of men
#00656c Tritanopia 0.001% of the population

Trichromacy

#1553ad Protanomaly 1% of men, 0.01% of women
#15569f Deuteranomaly 6% of men, 0.4% of women
#155b82 Tritanomaly 0.01% of the population

#3a4aaa hex color

#3a4aaa Color Information

#3a4aaa Color Conversion

Color Schemes with #3a4aaa

Alternatives to #3a4aaa

#3a4aaa Preview

Shades and Tints of #3a4aaa

Tones of #3a4aaa

Color Blindness Simulator