#3a4eac hex color

In a RGB color space, hex #3a4eac is composed of 22.7% red, 30.6% green and 67.5% blue. Whereas in a CMYK color space, it is composed of 66.3% cyan, 54.7% magenta, 0% yellow and 32.5% black. It has a hue angle of 229.5 degrees, a saturation of 49.6% and a lightness of 45.1%. #3a4eac color hex could be obtained by blending #749cff with #000059. Closest websafe color is: #336699.

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

● #3a4eac color description : Dark moderate blue.

The hexadecimal color #3a4eac has RGB values of R:58, G:78, B:172 and CMYK values of C:0.66, M:0.55, Y:0, K:0.33. Its decimal value is 3821228.

Hex triplet	3a4eac	`#3a4eac`
RGB Decimal	58, 78, 172	`rgb(58,78,172)`
RGB Percent	22.7, 30.6, 67.5	`rgb(22.7%,30.6%,67.5%)`
CMYK	66, 55, 0, 33
HSL	229.5°, 49.6, 45.1	`hsl(229.5,49.6%,45.1%)`
HSV (or HSB)	229.5°, 66.3, 67.5
Web Safe	336699	`#336699`

CIE-LAB	36.605, 23.488, -52.78
XYZ	11.914, 9.326, 40.2
xyY	0.194, 0.152, 9.326
CIE-LCH	36.605, 57.77, 293.99
CIE-LUV	36.605, -10.894, -76.238
Hunter-Lab	30.539, 16.196, -56.669
Binary	00111010, 01001110, 10101100

#3a4eac
```
#3a4eac rgb(58,78,172)
```
#ac983a
```
#ac983a rgb(172,152,58)
```

Complementary Color

#3a87ac
```
#3a87ac rgb(58,135,172)
```
#3a4eac
```
#3a4eac rgb(58,78,172)
```
#5f3aac
```
#5f3aac rgb(95,58,172)
```

Analogous Color

#87ac3a
```
#87ac3a rgb(135,172,58)
```
#3a4eac
```
#3a4eac rgb(58,78,172)
```
#ac5f3a
```
#ac5f3a rgb(172,95,58)
```

Split Complementary Color

#4eac3a
```
#4eac3a rgb(78,172,58)
```
#3a4eac
```
#3a4eac rgb(58,78,172)
```
#ac3a4e
```
#ac3a4e rgb(172,58,78)
```

Triadic Color

#3aac98
```
#3aac98 rgb(58,172,152)
```
#3a4eac
```
#3a4eac rgb(58,78,172)
```
#ac3a4e
```
#ac3a4e rgb(172,58,78)
```
#ac983a
```
#ac983a rgb(172,152,58)
```

Tetradic Color

#273473
```
#273473 rgb(39,52,115)
```
#2d3d86
```
#2d3d86 rgb(45,61,134)
```
#344599
```
#344599 rgb(52,69,153)
```
#3a4eac
```
#3a4eac rgb(58,78,172)
```
#4157bf
```
#4157bf rgb(65,87,191)
```
#5468c5
```
#5468c5 rgb(84,104,197)
```
#6779cc
```
#6779cc rgb(103,121,204)
```

Monochromatic Color

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

#3a6bac
```
#3a6bac rgb(58,107,172)
```
#3a61ac
```
#3a61ac rgb(58,97,172)
```
#3a57ac
```
#3a57ac rgb(58,87,172)
```
#3a4eac
```
#3a4eac rgb(58,78,172)
```
#3a44ac
```
#3a44ac rgb(58,68,172)
```
#3a3bac
```
#3a3bac rgb(58,59,172)
```
#433aac
```
#433aac rgb(67,58,172)
```

Similar Colors

Text with hexadecimal color #3a4eac

This text has a font color of #3a4eac.

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

#3a4eac background color

This paragraph has a background color of #3a4eac.

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

#3a4eac border color

This element has a border color of #3a4eac.

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

CSS codes

.text {color:#3a4eac;}

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

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

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

#04050b
```
#04050b rgb(4,5,11)
```
#090b19
```
#090b19 rgb(9,11,25)
```
#0d1228
```
#0d1228 rgb(13,18,40)
```
#121937
```
#121937 rgb(18,25,55)
```
#171f45
```
#171f45 rgb(23,31,69)
```
#1c2654
```
#1c2654 rgb(28,38,84)
```
#212d63
```
#212d63 rgb(33,45,99)
```
#263371
```
#263371 rgb(38,51,113)
```
#2b3a80
```
#2b3a80 rgb(43,58,128)
```
#30418f
```
#30418f rgb(48,65,143)
```
#35479d
```
#35479d rgb(53,71,157)
```
#3a4eac
```
#3a4eac rgb(58,78,172)
```
#3f55bb
```
#3f55bb rgb(63,85,187)
```

Shade Color Variation

#4b60c2
```
#4b60c2 rgb(75,96,194)
```
#5a6dc7
```
#5a6dc7 rgb(90,109,199)
```
#687acc
```
#687acc rgb(104,122,204)
```
#7787d1
```
#7787d1 rgb(119,135,209)
```
#8694d6
```
#8694d6 rgb(134,148,214)
```
#94a1db
```
#94a1db rgb(148,161,219)
```
#a3aee0
```
#a3aee0 rgb(163,174,224)
```
#b2bbe5
```
#b2bbe5 rgb(178,187,229)
```
#c0c8ea
```
#c0c8ea rgb(192,200,234)
```
#cfd5ef
```
#cfd5ef rgb(207,213,239)
```
#dee2f4
```
#dee2f4 rgb(222,226,244)
```
#eceef9
```
#eceef9 rgb(236,238,249)
```
#fbfbfe
```
#fbfbfe rgb(251,251,254)
```

Tint Color Variation

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

#6f7077
```
#6f7077 rgb(111,112,119)
```
#666b80
```
#666b80 rgb(102,107,128)
```
#5d6589
```
#5d6589 rgb(93,101,137)
```
#555f91
```
#555f91 rgb(85,95,145)
```
#4c599a
```
#4c599a rgb(76,89,154)
```
#4354a3
```
#4354a3 rgb(67,84,163)
```
#3a4eac
```
#3a4eac rgb(58,78,172)
```
#3148b5
```
#3148b5 rgb(49,72,181)
```
#2843be
```
#2843be rgb(40,67,190)
```
#1f3dc7
```
#1f3dc7 rgb(31,61,199)
```
#1737cf
```
#1737cf rgb(23,55,207)
```
#0e31d8
```
#0e31d8 rgb(14,49,216)
```
#052ce1
```
#052ce1 rgb(5,44,225)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#4e5265 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005bb4 Protanopia 1% of men
#00609e Deuteranopia 1% of men
#00686f Tritanopia 0.001% of the population

Trichromacy

#1556b1 Protanomaly 1% of men, 0.01% of women
#1559a3 Deuteranomaly 6% of men, 0.4% of women
#155e85 Tritanomaly 0.01% of the population

#3a4eac hex color

#3a4eac Color Information

#3a4eac Color Conversion

Color Schemes with #3a4eac

Alternatives to #3a4eac

#3a4eac Preview

Shades and Tints of #3a4eac

Tones of #3a4eac

Color Blindness Simulator