colorhexa.com

#3a3151 hex color

In a RGB color space, hex #3a3151 is composed of 22.7% red, 19.2% green and 31.8% blue. Whereas in a CMYK color space, it is composed of 28.4% cyan, 39.5% magenta, 0% yellow and 68.2% black. It has a hue angle of 256.9 degrees, a saturation of 24.6% and a lightness of 25.5%. #3a3151 color hex could be obtained by blending #7462a2 with #000000. Closest websafe color is: #333366.

- R 23
- G 19
- B 32
RGB color chart
- C 28
- M 40
- Y 0
- K 68
CMYK color chart

● #3a3151 color description : Very dark desaturated violet.

The hexadecimal color #3a3151 has RGB values of R:58, G:49, B:81 and CMYK values of C:0.28, M:0.4, Y:0, K:0.68. Its decimal value is 3813713.

Hex triplet	3a3151	`#3a3151`
RGB Decimal	58, 49, 81	`rgb(58,49,81)`
RGB Percent	22.7, 19.2, 31.8	`rgb(22.7%,19.2%,31.8%)`
CMYK	28, 40, 0, 68
HSL	256.9°, 24.6, 25.5	`hsl(256.9,24.6%,25.5%)`
HSV (or HSB)	256.9°, 39.5, 31.8
Web Safe	333366	`#333366`

CIE-LAB	22.62, 12.085, -18.108
XYZ	4.328, 3.69, 8.268
xyY	0.266, 0.227, 3.69
CIE-LCH	22.62, 21.77, 303.719
CIE-LUV	22.62, 2.081, -22.123
Hunter-Lab	19.21, 6.6, -12.073
Binary	00111010, 00110001, 01010001

#3a3151
```
#3a3151 rgb(58,49,81)
```
#485131
```
#485131 rgb(72,81,49)
```

Complementary Color

#313851
```
#313851 rgb(49,56,81)
```
#3a3151
```
#3a3151 rgb(58,49,81)
```
#4a3151
```
#4a3151 rgb(74,49,81)
```

Analogous Color

#385131
```
#385131 rgb(56,81,49)
```
#3a3151
```
#3a3151 rgb(58,49,81)
```
#514a31
```
#514a31 rgb(81,74,49)
```

Split Complementary Color

#181421
```
#181421 rgb(24,20,33)
```
#231e31
```
#231e31 rgb(35,30,49)
```
#2f2741
```
#2f2741 rgb(47,39,65)
```
#3a3151
```
#3a3151 rgb(58,49,81)
```
#453b61
```
#453b61 rgb(69,59,97)
```
#514471
```
#514471 rgb(81,68,113)
```
#5c4e81
```
#5c4e81 rgb(92,78,129)
```

Monochromatic Color

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

#323151
```
#323151 rgb(50,49,81)
```
#353151
```
#353151 rgb(53,49,81)
```
#373151
```
#373151 rgb(55,49,81)
```
#3a3151
```
#3a3151 rgb(58,49,81)
```
#3d3151
```
#3d3151 rgb(61,49,81)
```
#3f3151
```
#3f3151 rgb(63,49,81)
```
#423151
```
#423151 rgb(66,49,81)
```

Similar Colors

Text with hexadecimal color #3a3151

This text has a font color of #3a3151.

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

#3a3151 background color

This paragraph has a background color of #3a3151.

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

#3a3151 border color

This element has a border color of #3a3151.

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

CSS codes

.text {color:#3a3151;}

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

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

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

#050508
```
#050508 rgb(5,5,8)
```
#0e0c14
```
#0e0c14 rgb(14,12,20)
```
#171320
```
#171320 rgb(23,19,32)
```
#201b2c
```
#201b2c rgb(32,27,44)
```
#282239
```
#282239 rgb(40,34,57)
```
#312a45
```
#312a45 rgb(49,42,69)
```
#3a3151
```
#3a3151 rgb(58,49,81)
```
#43385d
```
#43385d rgb(67,56,93)
```
#4c4069
```
#4c4069 rgb(76,64,105)
```
#544776
```
#544776 rgb(84,71,118)
```
#5d4f82
```
#5d4f82 rgb(93,79,130)
```
#66568e
```
#66568e rgb(102,86,142)
```
#6f5d9a
```
#6f5d9a rgb(111,93,154)
```

Shade Color Variation

#7968a4
```
#7968a4 rgb(121,104,164)
```
#8374ab
```
#8374ab rgb(131,116,171)
```
#8e80b2
```
#8e80b2 rgb(142,128,178)
```
#998cba
```
#998cba rgb(153,140,186)
```
#a499c1
```
#a499c1 rgb(164,153,193)
```
#afa5c8
```
#afa5c8 rgb(175,165,200)
```
#bab1d0
```
#bab1d0 rgb(186,177,208)
```
#c5bdd7
```
#c5bdd7 rgb(197,189,215)
```
#cfcadf
```
#cfcadf rgb(207,202,223)
```
#dad6e6
```
#dad6e6 rgb(218,214,230)
```
#e5e2ed
```
#e5e2ed rgb(229,226,237)
```
#f0eef5
```
#f0eef5 rgb(240,238,245)
```
#fbfafc
```
#fbfafc rgb(251,250,252)
```

Tint Color Variation

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

#414042
```
#414042 rgb(65,64,66)
```
#3e3b47
```
#3e3b47 rgb(62,59,71)
```
#3c364c
```
#3c364c rgb(60,54,76)
```
#3a3151
```
#3a3151 rgb(58,49,81)
```
#382c56
```
#382c56 rgb(56,44,86)
```
#36275b
```
#36275b rgb(54,39,91)
```
#332260
```
#332260 rgb(51,34,96)
```
#311d65
```
#311d65 rgb(49,29,101)
```
#2f186a
```
#2f186a rgb(47,24,106)
```
#2d136f
```
#2d136f rgb(45,19,111)
```
#2b0e74
```
#2b0e74 rgb(43,14,116)
```
#280979
```
#280979 rgb(40,9,121)
```
#26047e
```
#26047e rgb(38,4,126)
```

Tone Color Variation

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

#373737 Achromatopsia 0.005% of the population
#38363c Atypical Achromatopsia 0.001% of the population

Dichromacy

#353f5c Protanopia 1% of men
#363f58 Deuteranopia 1% of men
#3f4044 Tritanopia 0.001% of the population

Trichromacy

#373a58 Protanomaly 1% of men, 0.01% of women
#383a55 Deuteranomaly 6% of men, 0.4% of women
#3d3a49 Tritanomaly 0.01% of the population