#3a3951 hex color

In a RGB color space, hex #3a3951 is composed of 22.7% red, 22.4% green and 31.8% blue. Whereas in a CMYK color space, it is composed of 28.4% cyan, 29.6% magenta, 0% yellow and 68.2% black. It has a hue angle of 242.5 degrees, a saturation of 17.4% and a lightness of 27.1%. #3a3951 color hex could be obtained by blending #7472a2 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 23
- G 22
- B 32
RGB color chart
- C 28
- M 30
- Y 0
- K 68
CMYK color chart

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

The hexadecimal color #3a3951 has RGB values of R:58, G:57, B:81 and CMYK values of C:0.28, M:0.3, Y:0, K:0.68. Its decimal value is 3815761.

Hex triplet	3a3951	`#3a3951`
RGB Decimal	58, 57, 81	`rgb(58,57,81)`
RGB Percent	22.7, 22.4, 31.8	`rgb(22.7%,22.4%,31.8%)`
CMYK	28, 30, 0, 68
HSL	242.5°, 17.4, 27.1	`hsl(242.5,17.4%,27.1%)`
HSV (or HSB)	242.5°, 29.6, 31.8
Web Safe	333366	`#333366`

CIE-LAB	25.013, 6.649, -14.394
XYZ	4.693, 4.42, 8.39
xyY	0.268, 0.253, 4.42
CIE-LCH	25.013, 15.855, 294.794
CIE-LUV	25.013, -0.854, -17.777
Hunter-Lab	21.023, 3.055, -8.945
Binary	00111010, 00111001, 01010001

#3a3951
```
#3a3951 rgb(58,57,81)
```
#505139
```
#505139 rgb(80,81,57)
```

Complementary Color

#394451
```
#394451 rgb(57,68,81)
```
#3a3951
```
#3a3951 rgb(58,57,81)
```
#463951
```
#463951 rgb(70,57,81)
```

Analogous Color

#445139
```
#445139 rgb(68,81,57)
```
#3a3951
```
#3a3951 rgb(58,57,81)
```
#514639
```
#514639 rgb(81,70,57)
```

Split Complementary Color

#39513a
```
#39513a rgb(57,81,58)
```
#3a3951
```
#3a3951 rgb(58,57,81)
```
#513a39
```
#513a39 rgb(81,58,57)
```

Triadic Color

#395051
```
#395051 rgb(57,80,81)
```
#3a3951
```
#3a3951 rgb(58,57,81)
```
#513a39
```
#513a39 rgb(81,58,57)
```
#505139
```
#505139 rgb(80,81,57)
```

Tetradic Color

#1a1924
```
#1a1924 rgb(26,25,36)
```
#252433
```
#252433 rgb(37,36,51)
```
#2f2e42
```
#2f2e42 rgb(47,46,66)
```
#3a3951
```
#3a3951 rgb(58,57,81)
```
#454460
```
#454460 rgb(69,68,96)
```
#4f4e6f
```
#4f4e6f rgb(79,78,111)
```
#5a597e
```
#5a597e rgb(90,89,126)
```

Monochromatic Color

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

#393e51
```
#393e51 rgb(57,62,81)
```
#393c51
```
#393c51 rgb(57,60,81)
```
#393a51
```
#393a51 rgb(57,58,81)
```
#3a3951
```
#3a3951 rgb(58,57,81)
```
#3c3951
```
#3c3951 rgb(60,57,81)
```
#3e3951
```
#3e3951 rgb(62,57,81)
```
#403951
```
#403951 rgb(64,57,81)
```

Similar Colors

Text with hexadecimal color #3a3951

This text has a font color of #3a3951.

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

#3a3951 background color

This paragraph has a background color of #3a3951.

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

#3a3951 border color

This element has a border color of #3a3951.

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

CSS codes

.text {color:#3a3951;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#09080c
```
#09080c rgb(9,8,12)
```
#111017
```
#111017 rgb(17,16,23)
```
#191923
```
#191923 rgb(25,25,35)
```
#21212e
```
#21212e rgb(33,33,46)
```
#2a293a
```
#2a293a rgb(42,41,58)
```
#323145
```
#323145 rgb(50,49,69)
```
#3a3951
```
#3a3951 rgb(58,57,81)
```
#42415d
```
#42415d rgb(66,65,93)
```
#4a4968
```
#4a4968 rgb(74,73,104)
```
#535174
```
#535174 rgb(83,81,116)
```
#5b597f
```
#5b597f rgb(91,89,127)
```
#63628b
```
#63628b rgb(99,98,139)
```

Shade Color Variation

#6c6a96
```
#6c6a96 rgb(108,106,150)
```
#77759e
```
#77759e rgb(119,117,158)
```
#8281a6
```
#8281a6 rgb(130,129,166)
```
#8e8cae
```
#8e8cae rgb(142,140,174)
```
#9998b6
```
#9998b6 rgb(153,152,182)
```
#a4a3be
```
#a4a3be rgb(164,163,190)
```
#b0afc7
```
#b0afc7 rgb(176,175,199)
```
#bbbacf
```
#bbbacf rgb(187,186,207)
```
#c7c6d7
```
#c7c6d7 rgb(199,198,215)
```
#d2d1df
```
#d2d1df rgb(210,209,223)
```
#dddde7
```
#dddde7 rgb(221,221,231)
```
#e9e8ef
```
#e9e8ef rgb(233,232,239)
```
#f4f4f7
```
#f4f4f7 rgb(244,244,247)
```

Tint Color Variation

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

#444446
```
#444446 rgb(68,68,70)
```
#3f3e4c
```
#3f3e4c rgb(63,62,76)
```
#3a3951
```
#3a3951 rgb(58,57,81)
```
#353456
```
#353456 rgb(53,52,86)
```
#302e5c
```
#302e5c rgb(48,46,92)
```
#2b2961
```
#2b2961 rgb(43,41,97)
```
#272466
```
#272466 rgb(39,36,102)
```
#221e6c
```
#221e6c rgb(34,30,108)
```
#1d1971
```
#1d1971 rgb(29,25,113)
```
#181476
```
#181476 rgb(24,20,118)
```
#130f7b
```
#130f7b rgb(19,15,123)
```
#0e0981
```
#0e0981 rgb(14,9,129)
```
#090486
```
#090486 rgb(9,4,134)
```

Tone Color Variation

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

#3c3c3c Achromatopsia 0.005% of the population
#3c3b40 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3e445b Protanopia 1% of men
#404459 Deuteranopia 1% of men
#40464b Tritanopia 0.001% of the population

Trichromacy

#3d4057 Protanomaly 1% of men, 0.01% of women
#3d4056 Deuteranomaly 6% of men, 0.4% of women
#3e414d Tritanomaly 0.01% of the population

#3a3951 hex color

#3a3951 Color Information

#3a3951 Color Conversion

Color Schemes with #3a3951

Alternatives to #3a3951

#3a3951 Preview

Shades and Tints of #3a3951

Tones of #3a3951

Color Blindness Simulator