#3a4584 hex color

In a RGB color space, hex #3a4584 is composed of 22.7% red, 27.1% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 56.1% cyan, 47.7% magenta, 0% yellow and 48.2% black. It has a hue angle of 231.1 degrees, a saturation of 38.9% and a lightness of 37.3%. #3a4584 color hex could be obtained by blending #748aff with #000009. Closest websafe color is: #333399.

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

● #3a4584 color description : Dark moderate blue.

The hexadecimal color #3a4584 has RGB values of R:58, G:69, B:132 and CMYK values of C:0.56, M:0.48, Y:0, K:0.48. Its decimal value is 3818884.

Hex triplet	3a4584	`#3a4584`
RGB Decimal	58, 69, 132	`rgb(58,69,132)`
RGB Percent	22.7, 27.1, 51.8	`rgb(22.7%,27.1%,51.8%)`
CMYK	56, 48, 0, 48
HSL	231.1°, 38.9, 37.3	`hsl(231.1,38.9%,37.3%)`
HSV (or HSB)	231.1°, 56.1, 51.8
Web Safe	333399	`#333399`

CIE-LAB	31.397, 15.164, -36.91
XYZ	8.037, 6.821, 22.722
xyY	0.214, 0.182, 6.821
CIE-LCH	31.397, 39.904, 292.334
CIE-LUV	31.397, -7.249, -50.793
Hunter-Lab	26.118, 9.223, -33.298
Binary	00111010, 01000101, 10000100

#3a4584
```
#3a4584 rgb(58,69,132)
```
#84793a
```
#84793a rgb(132,121,58)
```

Complementary Color

#3a6a84
```
#3a6a84 rgb(58,106,132)
```
#3a4584
```
#3a4584 rgb(58,69,132)
```
#543a84
```
#543a84 rgb(84,58,132)
```

Analogous Color

#6a843a
```
#6a843a rgb(106,132,58)
```
#3a4584
```
#3a4584 rgb(58,69,132)
```
#84543a
```
#84543a rgb(132,84,58)
```

Split Complementary Color

#45843a
```
#45843a rgb(69,132,58)
```
#3a4584
```
#3a4584 rgb(58,69,132)
```
#843a45
```
#843a45 rgb(132,58,69)
```

Triadic Color

#3a8479
```
#3a8479 rgb(58,132,121)
```
#3a4584
```
#3a4584 rgb(58,69,132)
```
#843a45
```
#843a45 rgb(132,58,69)
```
#84793a
```
#84793a rgb(132,121,58)
```

Tetradic Color

#23294f
```
#23294f rgb(35,41,79)
```
#2a3261
```
#2a3261 rgb(42,50,97)
```
#323c72
```
#323c72 rgb(50,60,114)
```
#3a4584
```
#3a4584 rgb(58,69,132)
```
#424e96
```
#424e96 rgb(66,78,150)
```
#4a58a7
```
#4a58a7 rgb(74,88,167)
```
#5664b5
```
#5664b5 rgb(86,100,181)
```

Monochromatic Color

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

#3a5884
```
#3a5884 rgb(58,88,132)
```
#3a5184
```
#3a5184 rgb(58,81,132)
```
#3a4b84
```
#3a4b84 rgb(58,75,132)
```
#3a4584
```
#3a4584 rgb(58,69,132)
```
#3a3f84
```
#3a3f84 rgb(58,63,132)
```
#3b3a84
```
#3b3a84 rgb(59,58,132)
```
#423a84
```
#423a84 rgb(66,58,132)
```

Similar Colors

Text with hexadecimal color #3a4584

This text has a font color of #3a4584.

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

#3a4584 background color

This paragraph has a background color of #3a4584.

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

#3a4584 border color

This element has a border color of #3a4584.

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

CSS codes

.text {color:#3a4584;}

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

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

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

#040509
```
#040509 rgb(4,5,9)
```
#0a0c17
```
#0a0c17 rgb(10,12,23)
```
#101325
```
#101325 rgb(16,19,37)
```
#161a32
```
#161a32 rgb(22,26,50)
```
#1c2140
```
#1c2140 rgb(28,33,64)
```
#22294d
```
#22294d rgb(34,41,77)
```
#28305b
```
#28305b rgb(40,48,91)
```
#2e3769
```
#2e3769 rgb(46,55,105)
```
#343e76
```
#343e76 rgb(52,62,118)
```
#3a4584
```
#3a4584 rgb(58,69,132)
```
#404c92
```
#404c92 rgb(64,76,146)
```
#46539f
```
#46539f rgb(70,83,159)
```
#4c5aad
```
#4c5aad rgb(76,90,173)
```

Shade Color Variation

#5765b5
```
#5765b5 rgb(87,101,181)
```
#6572bb
```
#6572bb rgb(101,114,187)
```
#727ec1
```
#727ec1 rgb(114,126,193)
```
#808bc7
```
#808bc7 rgb(128,139,199)
```
#8e97cd
```
#8e97cd rgb(142,151,205)
```
#9ba4d3
```
#9ba4d3 rgb(155,164,211)
```
#a9b0d9
```
#a9b0d9 rgb(169,176,217)
```
#b7bddf
```
#b7bddf rgb(183,189,223)
```
#c4c9e5
```
#c4c9e5 rgb(196,201,229)
```
#d2d6eb
```
#d2d6eb rgb(210,214,235)
```
#dfe2f1
```
#dfe2f1 rgb(223,226,241)
```
#edeff7
```
#edeff7 rgb(237,239,247)
```
#fbfbfd
```
#fbfbfd rgb(251,251,253)
```

Tint Color Variation

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

#5f5f5f
```
#5f5f5f rgb(95,95,95)
```
#575a67
```
#575a67 rgb(87,90,103)
```
#50546e
```
#50546e rgb(80,84,110)
```
#494f75
```
#494f75 rgb(73,79,117)
```
#414a7d
```
#414a7d rgb(65,74,125)
```
#3a4584
```
#3a4584 rgb(58,69,132)
```
#33408b
```
#33408b rgb(51,64,139)
```
#2b3b93
```
#2b3b93 rgb(43,59,147)
```
#24369a
```
#24369a rgb(36,54,154)
```
#1d30a1
```
#1d30a1 rgb(29,48,161)
```
#152ba9
```
#152ba9 rgb(21,43,169)
```
#0e26b0
```
#0e26b0 rgb(14,38,176)
```
#0721b7
```
#0721b7 rgb(7,33,183)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#464855 Atypical Achromatopsia 0.001% of the population

Dichromacy

#34518c Protanopia 1% of men
#255488 Deuteranopia 1% of men
#30595f Tritanopia 0.001% of the population

Trichromacy

#364c89 Protanomaly 1% of men, 0.01% of women
#2d4e86 Deuteranomaly 6% of men, 0.4% of women
#33516c Tritanomaly 0.01% of the population

#3a4584 hex color

#3a4584 Color Information

#3a4584 Color Conversion

Color Schemes with #3a4584

Alternatives to #3a4584

#3a4584 Preview

Shades and Tints of #3a4584

Tones of #3a4584

Color Blindness Simulator