#3a49b5 hex color

In a RGB color space, hex #3a49b5 is composed of 22.7% red, 28.6% green and 71% blue. Whereas in a CMYK color space, it is composed of 68% cyan, 59.7% magenta, 0% yellow and 29% black. It has a hue angle of 232.7 degrees, a saturation of 51.5% and a lightness of 46.9%. #3a49b5 color hex could be obtained by blending #7492ff with #00006b. Closest websafe color is: #3333cc.

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

● #3a49b5 color description : Moderate blue.

The hexadecimal color #3a49b5 has RGB values of R:58, G:73, B:181 and CMYK values of C:0.68, M:0.6, Y:0, K:0.29. Its decimal value is 3819957.

Hex triplet	3a49b5	`#3a49b5`
RGB Decimal	58, 73, 181	`rgb(58,73,181)`
RGB Percent	22.7, 28.6, 71	`rgb(22.7%,28.6%,71%)`
CMYK	68, 60, 0, 29
HSL	232.7°, 51.5, 46.9	`hsl(232.7,51.5%,46.9%)`
HSV (or HSB)	232.7°, 68, 71
Web Safe	3333cc	`#3333cc`

CIE-LAB	35.985, 29.969, -59.119
XYZ	12.466, 9, 44.794
xyY	0.188, 0.136, 9
CIE-LCH	35.985, 66.281, 296.882
CIE-LUV	35.985, -9.786, -84.646
Hunter-Lab	30, 21.673, -67.527
Binary	00111010, 01001001, 10110101

#3a49b5
```
#3a49b5 rgb(58,73,181)
```
#b5a63a
```
#b5a63a rgb(181,166,58)
```

Complementary Color

#3a87b5
```
#3a87b5 rgb(58,135,181)
```
#3a49b5
```
#3a49b5 rgb(58,73,181)
```
#693ab5
```
#693ab5 rgb(105,58,181)
```

Analogous Color

#87b53a
```
#87b53a rgb(135,181,58)
```
#3a49b5
```
#3a49b5 rgb(58,73,181)
```
#b5693a
```
#b5693a rgb(181,105,58)
```

Split Complementary Color

#49b53a
```
#49b53a rgb(73,181,58)
```
#3a49b5
```
#3a49b5 rgb(58,73,181)
```
#b53a49
```
#b53a49 rgb(181,58,73)
```

Triadic Color

#3ab5a6
```
#3ab5a6 rgb(58,181,166)
```
#3a49b5
```
#3a49b5 rgb(58,73,181)
```
#b53a49
```
#b53a49 rgb(181,58,73)
```
#b5a63a
```
#b5a63a rgb(181,166,58)
```

Tetradic Color

#27327b
```
#27327b rgb(39,50,123)
```
#2e398e
```
#2e398e rgb(46,57,142)
```
#3441a2
```
#3441a2 rgb(52,65,162)
```
#3a49b5
```
#3a49b5 rgb(58,73,181)
```
#4554c3
```
#4554c3 rgb(69,84,195)
```
#5866ca
```
#5866ca rgb(88,102,202)
```
#6c78d0
```
#6c78d0 rgb(108,120,208)
```

Monochromatic Color

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

#3a68b5
```
#3a68b5 rgb(58,104,181)
```
#3a5eb5
```
#3a5eb5 rgb(58,94,181)
```
#3a53b5
```
#3a53b5 rgb(58,83,181)
```
#3a49b5
```
#3a49b5 rgb(58,73,181)
```
#3a3fb5
```
#3a3fb5 rgb(58,63,181)
```
#403ab5
```
#403ab5 rgb(64,58,181)
```
#4a3ab5
```
#4a3ab5 rgb(74,58,181)
```

Similar Colors

Text with hexadecimal color #3a49b5

This text has a font color of #3a49b5.

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

#3a49b5 background color

This paragraph has a background color of #3a49b5.

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

#3a49b5 border color

This element has a border color of #3a49b5.

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

CSS codes

.text {color:#3a49b5;}

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

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

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

#010103
```
#010103 rgb(1,1,3)
```
#060712
```
#060712 rgb(6,7,18)
```
#0a0d20
```
#0a0d20 rgb(10,13,32)
```
#0f132f
```
#0f132f rgb(15,19,47)
```
#14193e
```
#14193e rgb(20,25,62)
```
#191f4d
```
#191f4d rgb(25,31,77)
```
#1d255c
```
#1d255c rgb(29,37,92)
```
#222b6b
```
#222b6b rgb(34,43,107)
```
#27317a
```
#27317a rgb(39,49,122)
```
#2c3788
```
#2c3788 rgb(44,55,136)
```
#303d97
```
#303d97 rgb(48,61,151)
```
#3543a6
```
#3543a6 rgb(53,67,166)
```
#3a49b5
```
#3a49b5 rgb(58,73,181)
```

Shade Color Variation

#4150c2
```
#4150c2 rgb(65,80,194)
```
#4f5ec7
```
#4f5ec7 rgb(79,94,199)
```
#5e6ccc
```
#5e6ccc rgb(94,108,204)
```
#6d79d0
```
#6d79d0 rgb(109,121,208)
```
#7c87d5
```
#7c87d5 rgb(124,135,213)
```
#8b95da
```
#8b95da rgb(139,149,218)
```
#9aa2df
```
#9aa2df rgb(154,162,223)
```
#a9b0e3
```
#a9b0e3 rgb(169,176,227)
```
#b7bde8
```
#b7bde8 rgb(183,189,232)
```
#c6cbed
```
#c6cbed rgb(198,203,237)
```
#d5d9f2
```
#d5d9f2 rgb(213,217,242)
```
#e4e6f6
```
#e4e6f6 rgb(228,230,246)
```
#f3f4fb
```
#f3f4fb rgb(243,244,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #71737e is the less saturated color, while #031fec is the most saturated one.

#71737e
```
#71737e rgb(113,115,126)
```
#686c87
```
#686c87 rgb(104,108,135)
```
#5f6590
```
#5f6590 rgb(95,101,144)
```
#565e99
```
#565e99 rgb(86,94,153)
```
#4c57a3
```
#4c57a3 rgb(76,87,163)
```
#4350ac
```
#4350ac rgb(67,80,172)
```
#3a49b5
```
#3a49b5 rgb(58,73,181)
```
#3142be
```
#3142be rgb(49,66,190)
```
#283bc7
```
#283bc7 rgb(40,59,199)
```
#1e34d1
```
#1e34d1 rgb(30,52,209)
```
#152dda
```
#152dda rgb(21,45,218)
```
#0c26e3
```
#0c26e3 rgb(12,38,227)
```
#031fec
```
#031fec rgb(3,31,236)
```

Tone Color Variation

Below, you can see how #3a49b5 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
#4c4f65 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005ab1 Protanopia 1% of men
#005f9b Deuteranopia 1% of men
#00666d Tritanopia 0.001% of the population

Trichromacy

#1554b2 Protanomaly 1% of men, 0.01% of women
#1557a4 Deuteranomaly 6% of men, 0.4% of women
#155b87 Tritanomaly 0.01% of the population

#3a49b5 hex color

#3a49b5 Color Information

#3a49b5 Color Conversion

Color Schemes with #3a49b5

Alternatives to #3a49b5

#3a49b5 Preview

Shades and Tints of #3a49b5

Tones of #3a49b5

Color Blindness Simulator