#3a313e hex color

In a RGB color space, hex #3a313e is composed of 22.7% red, 19.2% green and 24.3% blue. Whereas in a CMYK color space, it is composed of 6.5% cyan, 21% magenta, 0% yellow and 75.7% black. It has a hue angle of 281.5 degrees, a saturation of 11.7% and a lightness of 21.8%. #3a313e color hex could be obtained by blending #74627c with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 23
- G 19
- B 24
RGB color chart
- C 6
- M 21
- Y 0
- K 76
CMYK color chart

● #3a313e color description : Very dark grayish violet.

The hexadecimal color #3a313e has RGB values of R:58, G:49, B:62 and CMYK values of C:0.06, M:0.21, Y:0, K:0.76. Its decimal value is 3813694.

Hex triplet	3a313e	`#3a313e`
RGB Decimal	58, 49, 62	`rgb(58,49,62)`
RGB Percent	22.7, 19.2, 24.3	`rgb(22.7%,19.2%,24.3%)`
CMYK	6, 21, 0, 76
HSL	281.5°, 11.7, 21.8	`hsl(281.5,11.7%,21.8%)`
HSV (or HSB)	281.5°, 21, 24.3
Web Safe	333333	`#333333`

CIE-LAB	21.741, 6.972, -6.675
XYZ	3.713, 3.444, 5.026
xyY	0.305, 0.283, 3.444
CIE-LCH	21.741, 9.652, 316.248
CIE-LUV	21.741, 3.66, -8.02
Hunter-Lab	18.558, 3.233, -3.068
Binary	00111010, 00110001, 00111110

#3a313e
```
#3a313e rgb(58,49,62)
```
#353e31
```
#353e31 rgb(53,62,49)
```

Complementary Color

#34313e
```
#34313e rgb(52,49,62)
```
#3a313e
```
#3a313e rgb(58,49,62)
```
#3e313c
```
#3e313c rgb(62,49,60)
```

Analogous Color

#313e34
```
#313e34 rgb(49,62,52)
```
#3a313e
```
#3a313e rgb(58,49,62)
```
#3c3e31
```
#3c3e31 rgb(60,62,49)
```

Split Complementary Color

#313e3a
```
#313e3a rgb(49,62,58)
```
#3a313e
```
#3a313e rgb(58,49,62)
```
#3e3a31
```
#3e3a31 rgb(62,58,49)
```

Triadic Color

#31353e
```
#31353e rgb(49,53,62)
```
#3a313e
```
#3a313e rgb(58,49,62)
```
#3e3a31
```
#3e3a31 rgb(62,58,49)
```
#353e31
```
#353e31 rgb(53,62,49)
```

Tetradic Color

#120f13
```
#120f13 rgb(18,15,19)
```
#1f1a22
```
#1f1a22 rgb(31,26,34)
```
#2d2630
```
#2d2630 rgb(45,38,48)
```
#3a313e
```
#3a313e rgb(58,49,62)
```
#473c4c
```
#473c4c rgb(71,60,76)
```
#55485a
```
#55485a rgb(85,72,90)
```
#625369
```
#625369 rgb(98,83,105)
```

Monochromatic Color

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

#37313e
```
#37313e rgb(55,49,62)
```
#38313e
```
#38313e rgb(56,49,62)
```
#39313e
```
#39313e rgb(57,49,62)
```
#3a313e
```
#3a313e rgb(58,49,62)
```
#3b313e
```
#3b313e rgb(59,49,62)
```
#3c313e
```
#3c313e rgb(60,49,62)
```
#3d313e
```
#3d313e rgb(61,49,62)
```

Similar Colors

Text with hexadecimal color #3a313e

This text has a font color of #3a313e.

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

#3a313e background color

This paragraph has a background color of #3a313e.

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

#3a313e border color

This element has a border color of #3a313e.

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

CSS codes

.text {color:#3a313e;}

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

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

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

#070607
```
#070607 rgb(7,6,7)
```
#110e12
```
#110e12 rgb(17,14,18)
```
#1b171d
```
#1b171d rgb(27,23,29)
```
#262028
```
#262028 rgb(38,32,40)
```
#302833
```
#302833 rgb(48,40,51)
```
#3a313e
```
#3a313e rgb(58,49,62)
```
#443a49
```
#443a49 rgb(68,58,73)
```
#4e4254
```
#4e4254 rgb(78,66,84)
```
#594b5f
```
#594b5f rgb(89,75,95)
```
#63546a
```
#63546a rgb(99,84,106)
```
#6d5c75
```
#6d5c75 rgb(109,92,117)
```
#776580
```
#776580 rgb(119,101,128)
```
#826e8b
```
#826e8b rgb(130,110,139)
```

Shade Color Variation

#8b7894
```
#8b7894 rgb(139,120,148)
```
#95839d
```
#95839d rgb(149,131,157)
```
#9e8ea5
```
#9e8ea5 rgb(158,142,165)
```
#a899ae
```
#a899ae rgb(168,153,174)
```
#b1a4b7
```
#b1a4b7 rgb(177,164,183)
```
#baafbf
```
#baafbf rgb(186,175,191)
```
#c4bac8
```
#c4bac8 rgb(196,186,200)
```
#cdc4d1
```
#cdc4d1 rgb(205,196,209)
```
#d6cfd9
```
#d6cfd9 rgb(214,207,217)
```
#e0dae2
```
#e0dae2 rgb(224,218,226)
```
#e9e5eb
```
#e9e5eb rgb(233,229,235)
```
#f2f0f3
```
#f2f0f3 rgb(242,240,243)
```
#fcfbfc
```
#fcfbfc rgb(252,251,252)
```

Tint Color Variation

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

#38353a
```
#38353a rgb(56,53,58)
```
#3a313e
```
#3a313e rgb(58,49,62)
```
#3c2d42
```
#3c2d42 rgb(60,45,66)
```
#3d2847
```
#3d2847 rgb(61,40,71)
```
#3f244b
```
#3f244b rgb(63,36,75)
```
#41204f
```
#41204f rgb(65,32,79)
```
#421c53
```
#421c53 rgb(66,28,83)
```
#441758
```
#441758 rgb(68,23,88)
```
#45135c
```
#45135c rgb(69,19,92)
```
#470f60
```
#470f60 rgb(71,15,96)
```
#490b64
```
#490b64 rgb(73,11,100)
```
#4a0669
```
#4a0669 rgb(74,6,105)
```
#4c026d
```
#4c026d rgb(76,2,109)
```

Tone Color Variation

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

#353535 Achromatopsia 0.005% of the population
#363437 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3c3e49 Protanopia 1% of men
#3f3d47 Deuteranopia 1% of men
#433c41 Tritanopia 0.001% of the population

Trichromacy

#3b3945 Protanomaly 1% of men, 0.01% of women
#3d3844 Deuteranomaly 6% of men, 0.4% of women
#3f3840 Tritanomaly 0.01% of the population

#3a313e hex color

#3a313e Color Information

#3a313e Color Conversion

Color Schemes with #3a313e

Alternatives to #3a313e

#3a313e Preview

Shades and Tints of #3a313e

Tones of #3a313e

Color Blindness Simulator