#3a3957 hex color

In a RGB color space, hex #3a3957 is composed of 22.7% red, 22.4% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 33.3% cyan, 34.5% magenta, 0% yellow and 65.9% black. It has a hue angle of 242 degrees, a saturation of 20.8% and a lightness of 28.2%. #3a3957 color hex could be obtained by blending #7472ae with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 23
- G 22
- B 34
RGB color chart
- C 33
- M 34
- Y 0
- K 66
CMYK color chart

● #3a3957 color description : Very dark grayish blue.

The hexadecimal color #3a3957 has RGB values of R:58, G:57, B:87 and CMYK values of C:0.33, M:0.34, Y:0, K:0.66. Its decimal value is 3815767.

Hex triplet	3a3957	`#3a3957`
RGB Decimal	58, 57, 87	`rgb(58,57,87)`
RGB Percent	22.7, 22.4, 34.1	`rgb(22.7%,22.4%,34.1%)`
CMYK	33, 34, 0, 66
HSL	242°, 20.8, 28.2	`hsl(242,20.8%,28.2%)`
HSV (or HSB)	242°, 34.5, 34.1
Web Safe	333366	`#333366`

CIE-LAB	25.302, 8.417, -17.891
XYZ	4.928, 4.514, 9.628
xyY	0.258, 0.237, 4.514
CIE-LCH	25.302, 19.772, 295.195
CIE-LUV	25.302, -1.207, -22.423
Hunter-Lab	21.246, 4.223, -11.996
Binary	00111010, 00111001, 01010111

#3a3957
```
#3a3957 rgb(58,57,87)
```
#565739
```
#565739 rgb(86,87,57)
```

Complementary Color

#394757
```
#394757 rgb(57,71,87)
```
#3a3957
```
#3a3957 rgb(58,57,87)
```
#493957
```
#493957 rgb(73,57,87)
```

Analogous Color

#475739
```
#475739 rgb(71,87,57)
```
#3a3957
```
#3a3957 rgb(58,57,87)
```
#574939
```
#574939 rgb(87,73,57)
```

Split Complementary Color

#39573a
```
#39573a rgb(57,87,58)
```
#3a3957
```
#3a3957 rgb(58,57,87)
```
#573a39
```
#573a39 rgb(87,58,57)
```

Triadic Color

#395657
```
#395657 rgb(57,86,87)
```
#3a3957
```
#3a3957 rgb(58,57,87)
```
#573a39
```
#573a39 rgb(87,58,57)
```
#565739
```
#565739 rgb(86,87,57)
```

Tetradic Color

#1b1b29
```
#1b1b29 rgb(27,27,41)
```
#252538
```
#252538 rgb(37,37,56)
```
#302f48
```
#302f48 rgb(48,47,72)
```
#3a3957
```
#3a3957 rgb(58,57,87)
```
#444366
```
#444366 rgb(68,67,102)
```
#4f4d76
```
#4f4d76 rgb(79,77,118)
```
#595785
```
#595785 rgb(89,87,133)
```

Monochromatic Color

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

#394057
```
#394057 rgb(57,64,87)
```
#393d57
```
#393d57 rgb(57,61,87)
```
#393b57
```
#393b57 rgb(57,59,87)
```
#3a3957
```
#3a3957 rgb(58,57,87)
```
#3d3957
```
#3d3957 rgb(61,57,87)
```
#3f3957
```
#3f3957 rgb(63,57,87)
```
#423957
```
#423957 rgb(66,57,87)
```

Similar Colors

Text with hexadecimal color #3a3957

This text has a font color of #3a3957.

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

#3a3957 background color

This paragraph has a background color of #3a3957.

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

#3a3957 border color

This element has a border color of #3a3957.

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

CSS codes

.text {color:#3a3957;}

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

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

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

#030304
```
#030304 rgb(3,3,4)
```
#0b0a10
```
#0b0a10 rgb(11,10,16)
```
#12121c
```
#12121c rgb(18,18,28)
```
#1a1a28
```
#1a1a28 rgb(26,26,40)
```
#222233
```
#222233 rgb(34,34,51)
```
#2a293f
```
#2a293f rgb(42,41,63)
```
#32314b
```
#32314b rgb(50,49,75)
```
#3a3957
```
#3a3957 rgb(58,57,87)
```
#424163
```
#424163 rgb(66,65,99)
```
#4a496f
```
#4a496f rgb(74,73,111)
```
#52507b
```
#52507b rgb(82,80,123)
```
#5a5886
```
#5a5886 rgb(90,88,134)
```
#626092
```
#626092 rgb(98,96,146)
```

Shade Color Variation

#6b699d
```
#6b699d rgb(107,105,157)
```
#7675a4
```
#7675a4 rgb(118,117,164)
```
#8281ac
```
#8281ac rgb(130,129,172)
```
#8e8db4
```
#8e8db4 rgb(142,141,180)
```
#9a98bc
```
#9a98bc rgb(154,152,188)
```
#a5a4c4
```
#a5a4c4 rgb(165,164,196)
```
#b1b0cb
```
#b1b0cb rgb(177,176,203)
```
#bdbcd3
```
#bdbcd3 rgb(189,188,211)
```
#c8c8db
```
#c8c8db rgb(200,200,219)
```
#d4d4e3
```
#d4d4e3 rgb(212,212,227)
```
#e0dfea
```
#e0dfea rgb(224,223,234)
```
#ecebf2
```
#ecebf2 rgb(236,235,242)
```
#f7f7fa
```
#f7f7fa rgb(247,247,250)
```

Tint Color Variation

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

#44444c
```
#44444c rgb(68,68,76)
```
#3f3f51
```
#3f3f51 rgb(63,63,81)
```
#3a3957
```
#3a3957 rgb(58,57,87)
```
#35335d
```
#35335d rgb(53,51,93)
```
#302e62
```
#302e62 rgb(48,46,98)
```
#2a2868
```
#2a2868 rgb(42,40,104)
```
#25236d
```
#25236d rgb(37,35,109)
```
#201d73
```
#201d73 rgb(32,29,115)
```
#1b1878
```
#1b1878 rgb(27,24,120)
```
#16127e
```
#16127e rgb(22,18,126)
```
#110d83
```
#110d83 rgb(17,13,131)
```
#0b0789
```
#0b0789 rgb(11,7,137)
```
#06028e
```
#06028e rgb(6,2,142)
```

Tone Color Variation

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

Dichromacy

#3c4561 Protanopia 1% of men
#3d455e Deuteranopia 1% of men
#3f474c Tritanopia 0.001% of the population

Trichromacy

#3b405d Protanomaly 1% of men, 0.01% of women
#3b405c Deuteranomaly 6% of men, 0.4% of women
#3d4250 Tritanomaly 0.01% of the population

#3a3957 hex color

#3a3957 Color Information

#3a3957 Color Conversion

Color Schemes with #3a3957

Alternatives to #3a3957

#3a3957 Preview

Shades and Tints of #3a3957

Tones of #3a3957

Color Blindness Simulator