#3a356c hex color

In a RGB color space, hex #3a356c is composed of 22.7% red, 20.8% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 46.3% cyan, 50.9% magenta, 0% yellow and 57.6% black. It has a hue angle of 245.5 degrees, a saturation of 34.2% and a lightness of 31.6%. #3a356c color hex could be obtained by blending #746ad8 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 23
- G 21
- B 42
RGB color chart
- C 46
- M 51
- Y 0
- K 58
CMYK color chart

● #3a356c color description : Very dark desaturated blue.

The hexadecimal color #3a356c has RGB values of R:58, G:53, B:108 and CMYK values of C:0.46, M:0.51, Y:0, K:0.58. Its decimal value is 3814764.

Hex triplet	3a356c	`#3a356c`
RGB Decimal	58, 53, 108	`rgb(58,53,108)`
RGB Percent	22.7, 20.8, 42.4	`rgb(22.7%,20.8%,42.4%)`
CMYK	46, 51, 0, 58
HSL	245.5°, 34.2, 31.6	`hsl(245.5,34.2%,31.6%)`
HSV (or HSB)	245.5°, 50.9, 42.4
Web Safe	333366	`#333366`

CIE-LAB	25.346, 17.772, -31.451
XYZ	5.724, 4.528, 14.759
xyY	0.229, 0.181, 4.528
CIE-LCH	25.346, 36.124, 299.469
CIE-LUV	25.346, -1.211, -40.443
Hunter-Lab	21.28, 10.777, -26.226
Binary	00111010, 00110101, 01101100

#3a356c
```
#3a356c rgb(58,53,108)
```
#676c35
```
#676c35 rgb(103,108,53)
```

Complementary Color

#354c6c
```
#354c6c rgb(53,76,108)
```
#3a356c
```
#3a356c rgb(58,53,108)
```
#56356c
```
#56356c rgb(86,53,108)
```

Analogous Color

#4c6c35
```
#4c6c35 rgb(76,108,53)
```
#3a356c
```
#3a356c rgb(58,53,108)
```
#6c5535
```
#6c5535 rgb(108,85,53)
```

Split Complementary Color

#356c3a
```
#356c3a rgb(53,108,58)
```
#3a356c
```
#3a356c rgb(58,53,108)
```
#6c3a35
```
#6c3a35 rgb(108,58,53)
```

Triadic Color

#35676c
```
#35676c rgb(53,103,108)
```
#3a356c
```
#3a356c rgb(58,53,108)
```
#6c3a35
```
#6c3a35 rgb(108,58,53)
```
#676c35
```
#676c35 rgb(103,108,53)
```

Tetradic Color

#1e1c39
```
#1e1c39 rgb(30,28,57)
```
#28244a
```
#28244a rgb(40,36,74)
```
#312d5b
```
#312d5b rgb(49,45,91)
```
#3a356c
```
#3a356c rgb(58,53,108)
```
#433d7d
```
#433d7d rgb(67,61,125)
```
#4c468e
```
#4c468e rgb(76,70,142)
```
#564e9f
```
#564e9f rgb(86,78,159)
```

Monochromatic Color

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

#353e6c
```
#353e6c rgb(53,62,108)
```
#35396c
```
#35396c rgb(53,57,108)
```
#35356c
```
#35356c rgb(53,53,108)
```
#3a356c
```
#3a356c rgb(58,53,108)
```
#3f356c
```
#3f356c rgb(63,53,108)
```
#43356c
```
#43356c rgb(67,53,108)
```
#48356c
```
#48356c rgb(72,53,108)
```

Similar Colors

Text with hexadecimal color #3a356c

This text has a font color of #3a356c.

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

#3a356c background color

This paragraph has a background color of #3a356c.

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

#3a356c border color

This element has a border color of #3a356c.

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

CSS codes

.text {color:#3a356c;}

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

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

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 #f5f5fa is the lightest one.

#010103
```
#010103 rgb(1,1,3)
```
#090810
```
#090810 rgb(9,8,16)
```
#100e1d
```
#100e1d rgb(16,14,29)
```
#17152a
```
#17152a rgb(23,21,42)
```
#1e1b37
```
#1e1b37 rgb(30,27,55)
```
#252245
```
#252245 rgb(37,34,69)
```
#2c2852
```
#2c2852 rgb(44,40,82)
```
#332f5f
```
#332f5f rgb(51,47,95)
```
#3a356c
```
#3a356c rgb(58,53,108)
```
#413b79
```
#413b79 rgb(65,59,121)
```
#484286
```
#484286 rgb(72,66,134)
```
#4f4893
```
#4f4893 rgb(79,72,147)
```
#564fa1
```
#564fa1 rgb(86,79,161)
```

Shade Color Variation

#5e57ac
```
#5e57ac rgb(94,87,172)
```
#6b64b3
```
#6b64b3 rgb(107,100,179)
```
#7871b9
```
#7871b9 rgb(120,113,185)
```
#847ec0
```
#847ec0 rgb(132,126,192)
```
#918bc6
```
#918bc6 rgb(145,139,198)
```
#9d98cd
```
#9d98cd rgb(157,152,205)
```
#aaa6d3
```
#aaa6d3 rgb(170,166,211)
```
#b6b3da
```
#b6b3da rgb(182,179,218)
```
#c3c0e0
```
#c3c0e0 rgb(195,192,224)
```
#cfcde7
```
#cfcde7 rgb(207,205,231)
```
#dcdaed
```
#dcdaed rgb(220,218,237)
```
#e9e7f3
```
#e9e7f3 rgb(233,231,243)
```
#f5f5fa
```
#f5f5fa rgb(245,245,250)
```

Tint Color Variation

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

#4e4e53
```
#4e4e53 rgb(78,78,83)
```
#494859
```
#494859 rgb(73,72,89)
```
#444160
```
#444160 rgb(68,65,96)
```
#3f3b66
```
#3f3b66 rgb(63,59,102)
```
#3a356c
```
#3a356c rgb(58,53,108)
```
#352f72
```
#352f72 rgb(53,47,114)
```
#302978
```
#302978 rgb(48,41,120)
```
#2b227f
```
#2b227f rgb(43,34,127)
```
#261c85
```
#261c85 rgb(38,28,133)
```
#21168b
```
#21168b rgb(33,22,139)
```
#1c1091
```
#1c1091 rgb(28,16,145)
```
#170a97
```
#170a97 rgb(23,10,151)
```
#11039e
```
#11039e rgb(17,3,158)
```

Tone Color Variation

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

#3d3d3d Achromatopsia 0.005% of the population
#3c3b46 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2a4477 Protanopia 1% of men
#244670 Deuteranopia 1% of men
#37484e Tritanopia 0.001% of the population

Trichromacy

#303e73 Protanomaly 1% of men, 0.01% of women
#2c406f Deuteranomaly 6% of men, 0.4% of women
#384159 Tritanomaly 0.01% of the population

#3a356c hex color

#3a356c Color Information

#3a356c Color Conversion

Color Schemes with #3a356c

Alternatives to #3a356c

#3a356c Preview

Shades and Tints of #3a356c

Tones of #3a356c

Color Blindness Simulator