#3a4286 hex color

In a RGB color space, hex #3a4286 is composed of 22.7% red, 25.9% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 56.7% cyan, 50.7% magenta, 0% yellow and 47.5% black. It has a hue angle of 233.7 degrees, a saturation of 39.6% and a lightness of 37.6%. #3a4286 color hex could be obtained by blending #7484ff with #00000d. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 23
- G 26
- B 53
RGB color chart
- C 57
- M 51
- Y 0
- K 47
CMYK color chart

● #3a4286 color description : Dark moderate blue.

The hexadecimal color #3a4286 has RGB values of R:58, G:66, B:134 and CMYK values of C:0.57, M:0.51, Y:0, K:0.47. Its decimal value is 3818118.

Hex triplet	3a4286	`#3a4286`
RGB Decimal	58, 66, 134	`rgb(58,66,134)`
RGB Percent	22.7, 25.9, 52.5	`rgb(22.7%,25.9%,52.5%)`
CMYK	57, 51, 0, 47
HSL	233.7°, 39.6, 37.6	`hsl(233.7,39.6%,37.6%)`
HSV (or HSB)	233.7°, 56.7, 52.5
Web Safe	333399	`#333399`

CIE-LAB	30.681, 17.87, -39.296
XYZ	7.995, 6.517, 23.39
xyY	0.211, 0.172, 6.517
CIE-LCH	30.681, 43.168, 294.454
CIE-LUV	30.681, -6.398, -53.817
Hunter-Lab	25.528, 11.231, -36.453
Binary	00111010, 01000010, 10000110

#3a4286
```
#3a4286 rgb(58,66,134)
```
#867e3a
```
#867e3a rgb(134,126,58)
```

Complementary Color

#3a6886
```
#3a6886 rgb(58,104,134)
```
#3a4286
```
#3a4286 rgb(58,66,134)
```
#583a86
```
#583a86 rgb(88,58,134)
```

Analogous Color

#68863a
```
#68863a rgb(104,134,58)
```
#3a4286
```
#3a4286 rgb(58,66,134)
```
#86583a
```
#86583a rgb(134,88,58)
```

Split Complementary Color

#42863a
```
#42863a rgb(66,134,58)
```
#3a4286
```
#3a4286 rgb(58,66,134)
```
#863a42
```
#863a42 rgb(134,58,66)
```

Triadic Color

#3a867e
```
#3a867e rgb(58,134,126)
```
#3a4286
```
#3a4286 rgb(58,66,134)
```
#863a42
```
#863a42 rgb(134,58,66)
```
#867e3a
```
#867e3a rgb(134,126,58)
```

Tetradic Color

#232851
```
#232851 rgb(35,40,81)
```
#2b3062
```
#2b3062 rgb(43,48,98)
```
#323974
```
#323974 rgb(50,57,116)
```
#3a4286
```
#3a4286 rgb(58,66,134)
```
#424b98
```
#424b98 rgb(66,75,152)
```
#4954aa
```
#4954aa rgb(73,84,170)
```
#5661b6
```
#5661b6 rgb(86,97,182)
```

Monochromatic Color

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

#3a5586
```
#3a5586 rgb(58,85,134)
```
#3a4f86
```
#3a4f86 rgb(58,79,134)
```
#3a4886
```
#3a4886 rgb(58,72,134)
```
#3a4286
```
#3a4286 rgb(58,66,134)
```
#3a3c86
```
#3a3c86 rgb(58,60,134)
```
#3f3a86
```
#3f3a86 rgb(63,58,134)
```
#453a86
```
#453a86 rgb(69,58,134)
```

Similar Colors

Text with hexadecimal color #3a4286

This text has a font color of #3a4286.

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

#3a4286 background color

This paragraph has a background color of #3a4286.

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

#3a4286 border color

This element has a border color of #3a4286.

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

CSS codes

.text {color:#3a4286;}

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

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

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

#05050b
```
#05050b rgb(5,5,11)
```
#0b0c18
```
#0b0c18 rgb(11,12,24)
```
#111326
```
#111326 rgb(17,19,38)
```
#161a34
```
#161a34 rgb(22,26,52)
```
#1c2042
```
#1c2042 rgb(28,32,66)
```
#22274f
```
#22274f rgb(34,39,79)
```
#282e5d
```
#282e5d rgb(40,46,93)
```
#2e356b
```
#2e356b rgb(46,53,107)
```
#343b78
```
#343b78 rgb(52,59,120)
```
#3a4286
```
#3a4286 rgb(58,66,134)
```
#404994
```
#404994 rgb(64,73,148)
```
#464fa1
```
#464fa1 rgb(70,79,161)
```
#4c56af
```
#4c56af rgb(76,86,175)
```

Shade Color Variation

#5862b7
```
#5862b7 rgb(88,98,183)
```
#666fbd
```
#666fbd rgb(102,111,189)
```
#737cc2
```
#737cc2 rgb(115,124,194)
```
#8188c8
```
#8188c8 rgb(129,136,200)
```
#8f95ce
```
#8f95ce rgb(143,149,206)
```
#9ca2d4
```
#9ca2d4 rgb(156,162,212)
```
#aaafda
```
#aaafda rgb(170,175,218)
```
#b8bce0
```
#b8bce0 rgb(184,188,224)
```
#c5c9e6
```
#c5c9e6 rgb(197,201,230)
```
#d3d6ec
```
#d3d6ec rgb(211,214,236)
```
#e1e3f2
```
#e1e3f2 rgb(225,227,242)
```
#eeeff8
```
#eeeff8 rgb(238,239,248)
```
#fcfcfe
```
#fcfcfe rgb(252,252,254)
```

Tint Color Variation

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

#5f5f61
```
#5f5f61 rgb(95,95,97)
```
#585968
```
#585968 rgb(88,89,104)
```
#505370
```
#505370 rgb(80,83,112)
```
#494e77
```
#494e77 rgb(73,78,119)
```
#41487f
```
#41487f rgb(65,72,127)
```
#3a4286
```
#3a4286 rgb(58,66,134)
```
#333c8d
```
#333c8d rgb(51,60,141)
```
#2b3695
```
#2b3695 rgb(43,54,149)
```
#24319c
```
#24319c rgb(36,49,156)
```
#1c2ba4
```
#1c2ba4 rgb(28,43,164)
```
#1525ab
```
#1525ab rgb(21,37,171)
```
#0e1fb2
```
#0e1fb2 rgb(14,31,178)
```
#0619ba
```
#0619ba rgb(6,25,186)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#444654 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2c4f8f Protanopia 1% of men
#155289 Deuteranopia 1% of men
#2e575e Tritanopia 0.001% of the population

Trichromacy

#314a8c Protanomaly 1% of men, 0.01% of women
#224c88 Deuteranomaly 6% of men, 0.4% of women
#324f6c Tritanomaly 0.01% of the population

#3a4286 hex color

#3a4286 Color Information

#3a4286 Color Conversion

Color Schemes with #3a4286

Alternatives to #3a4286

#3a4286 Preview

Shades and Tints of #3a4286

Tones of #3a4286

Color Blindness Simulator