#3a3d75 hex color

In a RGB color space, hex #3a3d75 is composed of 22.7% red, 23.9% green and 45.9% blue. Whereas in a CMYK color space, it is composed of 50.4% cyan, 47.9% magenta, 0% yellow and 54.1% black. It has a hue angle of 236.9 degrees, a saturation of 33.7% and a lightness of 34.3%. #3a3d75 color hex could be obtained by blending #747aea with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 23
- G 24
- B 46
RGB color chart
- C 50
- M 48
- Y 0
- K 54
CMYK color chart

● #3a3d75 color description : Dark moderate blue.

The hexadecimal color #3a3d75 has RGB values of R:58, G:61, B:117 and CMYK values of C:0.5, M:0.48, Y:0, K:0.54. Its decimal value is 3816821.

Hex triplet	3a3d75	`#3a3d75`
RGB Decimal	58, 61, 117	`rgb(58,61,117)`
RGB Percent	22.7, 23.9, 45.9	`rgb(22.7%,23.9%,45.9%)`
CMYK	50, 48, 0, 54
HSL	236.9°, 33.7, 34.3	`hsl(236.9,33.7%,34.3%)`
HSV (or HSB)	236.9°, 50.4, 45.9
Web Safe	333366	`#333366`

CIE-LAB	28.171, 15.369, -32.677
XYZ	6.624, 5.521, 17.545
xyY	0.223, 0.186, 5.521
CIE-LCH	28.171, 36.111, 295.189
CIE-LUV	28.171, -4.157, -43.431
Hunter-Lab	23.497, 9.2, -27.824
Binary	00111010, 00111101, 01110101

#3a3d75
```
#3a3d75 rgb(58,61,117)
```
#75723a
```
#75723a rgb(117,114,58)
```

Complementary Color

#3a5b75
```
#3a5b75 rgb(58,91,117)
```
#3a3d75
```
#3a3d75 rgb(58,61,117)
```
#553a75
```
#553a75 rgb(85,58,117)
```

Analogous Color

#5b753a
```
#5b753a rgb(91,117,58)
```
#3a3d75
```
#3a3d75 rgb(58,61,117)
```
#75553a
```
#75553a rgb(117,85,58)
```

Split Complementary Color

#3d753a
```
#3d753a rgb(61,117,58)
```
#3a3d75
```
#3a3d75 rgb(58,61,117)
```
#753a3d
```
#753a3d rgb(117,58,61)
```

Triadic Color

#3a7572
```
#3a7572 rgb(58,117,114)
```
#3a3d75
```
#3a3d75 rgb(58,61,117)
```
#753a3d
```
#753a3d rgb(117,58,61)
```
#75723a
```
#75723a rgb(117,114,58)
```

Tetradic Color

#212242
```
#212242 rgb(33,34,66)
```
#292b53
```
#292b53 rgb(41,43,83)
```
#323464
```
#323464 rgb(50,52,100)
```
#3a3d75
```
#3a3d75 rgb(58,61,117)
```
#424686
```
#424686 rgb(66,70,134)
```
#4b4f97
```
#4b4f97 rgb(75,79,151)
```
#5358a8
```
#5358a8 rgb(83,88,168)
```

Monochromatic Color

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

#3a4c75
```
#3a4c75 rgb(58,76,117)
```
#3a4775
```
#3a4775 rgb(58,71,117)
```
#3a4275
```
#3a4275 rgb(58,66,117)
```
#3a3d75
```
#3a3d75 rgb(58,61,117)
```
#3c3a75
```
#3c3a75 rgb(60,58,117)
```
#413a75
```
#413a75 rgb(65,58,117)
```
#463a75
```
#463a75 rgb(70,58,117)
```

Similar Colors

Text with hexadecimal color #3a3d75

This text has a font color of #3a3d75.

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

#3a3d75 background color

This paragraph has a background color of #3a3d75.

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

#3a3d75 border color

This element has a border color of #3a3d75.

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

CSS codes

.text {color:#3a3d75;}

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

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

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

#06060c
```
#06060c rgb(6,6,12)
```
#0c0d19
```
#0c0d19 rgb(12,13,25)
```
#131426
```
#131426 rgb(19,20,38)
```
#191b33
```
#191b33 rgb(25,27,51)
```
#202241
```
#202241 rgb(32,34,65)
```
#26284e
```
#26284e rgb(38,40,78)
```
#2d2f5b
```
#2d2f5b rgb(45,47,91)
```
#333668
```
#333668 rgb(51,54,104)
```
#3a3d75
```
#3a3d75 rgb(58,61,117)
```
#414482
```
#414482 rgb(65,68,130)
```
#474b8f
```
#474b8f rgb(71,75,143)
```
#4e529c
```
#4e529c rgb(78,82,156)
```
#5458a9
```
#5458a9 rgb(84,88,169)
```

Shade Color Variation

#6165b0
```
#6165b0 rgb(97,101,176)
```
#6e71b7
```
#6e71b7 rgb(110,113,183)
```
#7b7ebd
```
#7b7ebd rgb(123,126,189)
```
#888bc4
```
#888bc4 rgb(136,139,196)
```
#9598ca
```
#9598ca rgb(149,152,202)
```
#a2a5d1
```
#a2a5d1 rgb(162,165,209)
```
#afb1d7
```
#afb1d7 rgb(175,177,215)
```
#bcbede
```
#bcbede rgb(188,190,222)
```
#cacbe4
```
#cacbe4 rgb(202,203,228)
```
#d7d8eb
```
#d7d8eb rgb(215,216,235)
```
#e4e4f1
```
#e4e4f1 rgb(228,228,241)
```
#f1f1f8
```
#f1f1f8 rgb(241,241,248)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #55555a is the less saturated color, while #040dab is the most saturated one.

#55555a
```
#55555a rgb(85,85,90)
```
#4e4f61
```
#4e4f61 rgb(78,79,97)
```
#474968
```
#474968 rgb(71,73,104)
```
#41436e
```
#41436e rgb(65,67,110)
```
#3a3d75
```
#3a3d75 rgb(58,61,117)
```
#33377c
```
#33377c rgb(51,55,124)
```
#2d3182
```
#2d3182 rgb(45,49,130)
```
#262b89
```
#262b89 rgb(38,43,137)
```
#1f2590
```
#1f2590 rgb(31,37,144)
```
#181f97
```
#181f97 rgb(24,31,151)
```
#12199d
```
#12199d rgb(18,25,157)
```
#0b13a4
```
#0b13a4 rgb(11,19,164)
```
#040dab
```
#040dab rgb(4,13,171)
```

Tone Color Variation

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

#424242 Achromatopsia 0.005% of the population
#40414c Atypical Achromatopsia 0.001% of the population

Dichromacy

#314a7f Protanopia 1% of men
#294c79 Deuteranopia 1% of men
#355056 Tritanopia 0.001% of the population

Trichromacy

#34457b Protanomaly 1% of men, 0.01% of women
#2f4778 Deuteranomaly 6% of men, 0.4% of women
#374961 Tritanomaly 0.01% of the population

#3a3d75 hex color

#3a3d75 Color Information

#3a3d75 Color Conversion

Color Schemes with #3a3d75

Alternatives to #3a3d75

#3a3d75 Preview

Shades and Tints of #3a3d75

Tones of #3a3d75

Color Blindness Simulator