#3a4aae hex color

In a RGB color space, hex #3a4aae is composed of 22.7% red, 29% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 66.7% cyan, 57.5% magenta, 0% yellow and 31.8% black. It has a hue angle of 231.7 degrees, a saturation of 50% and a lightness of 45.5%. #3a4aae color hex could be obtained by blending #7494ff with #00005d. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 23
- G 29
- B 68
RGB color chart
- C 67
- M 57
- Y 0
- K 32
CMYK color chart

● #3a4aae color description : Dark moderate blue.

The hexadecimal color #3a4aae has RGB values of R:58, G:74, B:174 and CMYK values of C:0.67, M:0.57, Y:0, K:0.32. Its decimal value is 3820206.

Hex triplet	3a4aae	`#3a4aae`
RGB Decimal	58, 74, 174	`rgb(58,74,174)`
RGB Percent	22.7, 29, 68.2	`rgb(22.7%,29%,68.2%)`
CMYK	67, 57, 0, 32
HSL	231.7°, 50, 45.5	`hsl(231.7,50%,45.5%)`
HSV (or HSB)	231.7°, 66.7, 68.2
Web Safe	333399	`#333399`

CIE-LAB	35.699, 26.819, -55.437
XYZ	11.832, 8.852, 41.127
xyY	0.191, 0.143, 8.852
CIE-LCH	35.699, 61.584, 295.816
CIE-LUV	35.699, -9.858, -79.383
Hunter-Lab	29.753, 18.918, -61.129
Binary	00111010, 01001010, 10101110

#3a4aae
```
#3a4aae rgb(58,74,174)
```
#ae9e3a
```
#ae9e3a rgb(174,158,58)
```

Complementary Color

#3a84ae
```
#3a84ae rgb(58,132,174)
```
#3a4aae
```
#3a4aae rgb(58,74,174)
```
#643aae
```
#643aae rgb(100,58,174)
```

Analogous Color

#84ae3a
```
#84ae3a rgb(132,174,58)
```
#3a4aae
```
#3a4aae rgb(58,74,174)
```
#ae643a
```
#ae643a rgb(174,100,58)
```

Split Complementary Color

#4aae3a
```
#4aae3a rgb(74,174,58)
```
#3a4aae
```
#3a4aae rgb(58,74,174)
```
#ae3a4a
```
#ae3a4a rgb(174,58,74)
```

Triadic Color

#3aae9e
```
#3aae9e rgb(58,174,158)
```
#3a4aae
```
#3a4aae rgb(58,74,174)
```
#ae3a4a
```
#ae3a4a rgb(174,58,74)
```
#ae9e3a
```
#ae9e3a rgb(174,158,58)
```

Tetradic Color

#273275
```
#273275 rgb(39,50,117)
```
#2d3a88
```
#2d3a88 rgb(45,58,136)
```
#34429b
```
#34429b rgb(52,66,155)
```
#3a4aae
```
#3a4aae rgb(58,74,174)
```
#4253c0
```
#4253c0 rgb(66,83,192)
```
#5564c6
```
#5564c6 rgb(85,100,198)
```
#6876cd
```
#6876cd rgb(104,118,205)
```

Monochromatic Color

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

#3a67ae
```
#3a67ae rgb(58,103,174)
```
#3a5dae
```
#3a5dae rgb(58,93,174)
```
#3a54ae
```
#3a54ae rgb(58,84,174)
```
#3a4aae
```
#3a4aae rgb(58,74,174)
```
#3a40ae
```
#3a40ae rgb(58,64,174)
```
#3d3aae
```
#3d3aae rgb(61,58,174)
```
#473aae
```
#473aae rgb(71,58,174)
```

Similar Colors

Text with hexadecimal color #3a4aae

This text has a font color of #3a4aae.

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

#3a4aae background color

This paragraph has a background color of #3a4aae.

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

#3a4aae border color

This element has a border color of #3a4aae.

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

CSS codes

.text {color:#3a4aae;}

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

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

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, #04050c is the darkest color, while #fcfdfe is the lightest one.

#04050c
```
#04050c rgb(4,5,12)
```
#090b1b
```
#090b1b rgb(9,11,27)
```
#0e122a
```
#0e122a rgb(14,18,42)
```
#131838
```
#131838 rgb(19,24,56)
```
#181e47
```
#181e47 rgb(24,30,71)
```
#1d2456
```
#1d2456 rgb(29,36,86)
```
#212b64
```
#212b64 rgb(33,43,100)
```
#263173
```
#263173 rgb(38,49,115)
```
#2b3782
```
#2b3782 rgb(43,55,130)
```
#303d91
```
#303d91 rgb(48,61,145)
```
#35449f
```
#35449f rgb(53,68,159)
```
#3a4aae
```
#3a4aae rgb(58,74,174)
```
#3f50bd
```
#3f50bd rgb(63,80,189)
```

Shade Color Variation

#4c5cc3
```
#4c5cc3 rgb(76,92,195)
```
#5b6ac8
```
#5b6ac8 rgb(91,106,200)
```
#6977cd
```
#6977cd rgb(105,119,205)
```
#7884d2
```
#7884d2 rgb(120,132,210)
```
#8792d7
```
#8792d7 rgb(135,146,215)
```
#959fdc
```
#959fdc rgb(149,159,220)
```
#a4ade1
```
#a4ade1 rgb(164,173,225)
```
#b3bae6
```
#b3bae6 rgb(179,186,230)
```
#c2c7eb
```
#c2c7eb rgb(194,199,235)
```
#d0d5ef
```
#d0d5ef rgb(208,213,239)
```
#dfe2f4
```
#dfe2f4 rgb(223,226,244)
```
#eeeff9
```
#eeeff9 rgb(238,239,249)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

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

#707178
```
#707178 rgb(112,113,120)
```
#676a81
```
#676a81 rgb(103,106,129)
```
#5e648a
```
#5e648a rgb(94,100,138)
```
#555d93
```
#555d93 rgb(85,93,147)
```
#4c579c
```
#4c579c rgb(76,87,156)
```
#4350a5
```
#4350a5 rgb(67,80,165)
```
#3a4aae
```
#3a4aae rgb(58,74,174)
```
#3144b7
```
#3144b7 rgb(49,68,183)
```
#283dc0
```
#283dc0 rgb(40,61,192)
```
#1f37c9
```
#1f37c9 rgb(31,55,201)
```
#1630d2
```
#1630d2 rgb(22,48,210)
```
#0d2adb
```
#0d2adb rgb(13,42,219)
```
#0423e4
```
#0423e4 rgb(4,35,228)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#4c5064 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#1554af Protanomaly 1% of men, 0.01% of women
#1557a1 Deuteranomaly 6% of men, 0.4% of women
#155b84 Tritanomaly 0.01% of the population

#3a4aae hex color

#3a4aae Color Information

#3a4aae Color Conversion

Color Schemes with #3a4aae

Alternatives to #3a4aae

#3a4aae Preview

Shades and Tints of #3a4aae

Tones of #3a4aae

Color Blindness Simulator