#3a3040 hex color

In a RGB color space, hex #3a3040 is composed of 22.7% red, 18.8% green and 25.1% blue. Whereas in a CMYK color space, it is composed of 9.4% cyan, 25% magenta, 0% yellow and 74.9% black. It has a hue angle of 277.5 degrees, a saturation of 14.3% and a lightness of 22%. #3a3040 color hex could be obtained by blending #746080 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 23
- G 19
- B 25
RGB color chart
- C 9
- M 25
- Y 0
- K 75
CMYK color chart

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

The hexadecimal color #3a3040 has RGB values of R:58, G:48, B:64 and CMYK values of C:0.09, M:0.25, Y:0, K:0.75. Its decimal value is 3813440.

Hex triplet	3a3040	`#3a3040`
RGB Decimal	58, 48, 64	`rgb(58,48,64)`
RGB Percent	22.7, 18.8, 25.1	`rgb(22.7%,18.8%,25.1%)`
CMYK	9, 25, 0, 75
HSL	277.5°, 14.3, 22	`hsl(277.5,14.3%,22%)`
HSV (or HSB)	277.5°, 25, 25.1
Web Safe	333333	`#333333`

CIE-LAB	21.519, 8.149, -8.368
XYZ	3.727, 3.384, 5.307
xyY	0.3, 0.272, 3.384
CIE-LCH	21.519, 11.681, 314.24
CIE-LUV	21.519, 3.894, -10.011
Hunter-Lab	18.395, 3.977, -4.229
Binary	00111010, 00110000, 01000000

#3a3040
```
#3a3040 rgb(58,48,64)
```
#364030
```
#364030 rgb(54,64,48)
```

Complementary Color

#323040
```
#323040 rgb(50,48,64)
```
#3a3040
```
#3a3040 rgb(58,48,64)
```
#40303e
```
#40303e rgb(64,48,62)
```

Analogous Color

#304032
```
#304032 rgb(48,64,50)
```
#3a3040
```
#3a3040 rgb(58,48,64)
```
#3e4030
```
#3e4030 rgb(62,64,48)
```

Split Complementary Color

#30403a
```
#30403a rgb(48,64,58)
```
#3a3040
```
#3a3040 rgb(58,48,64)
```
#403a30
```
#403a30 rgb(64,58,48)
```

Triadic Color

#303640
```
#303640 rgb(48,54,64)
```
#3a3040
```
#3a3040 rgb(58,48,64)
```
#403a30
```
#403a30 rgb(64,58,48)
```
#364030
```
#364030 rgb(54,64,48)
```

Tetradic Color

#120f14
```
#120f14 rgb(18,15,20)
```
#201a23
```
#201a23 rgb(32,26,35)
```
#2d2531
```
#2d2531 rgb(45,37,49)
```
#3a3040
```
#3a3040 rgb(58,48,64)
```
#473b4f
```
#473b4f rgb(71,59,79)
```
#54465d
```
#54465d rgb(84,70,93)
```
#62516c
```
#62516c rgb(98,81,108)
```

Monochromatic Color

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

#363040
```
#363040 rgb(54,48,64)
```
#373040
```
#373040 rgb(55,48,64)
```
#393040
```
#393040 rgb(57,48,64)
```
#3a3040
```
#3a3040 rgb(58,48,64)
```
#3b3040
```
#3b3040 rgb(59,48,64)
```
#3d3040
```
#3d3040 rgb(61,48,64)
```
#3e3040
```
#3e3040 rgb(62,48,64)
```

Similar Colors

Text with hexadecimal color #3a3040

This text has a font color of #3a3040.

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

#3a3040 background color

This paragraph has a background color of #3a3040.

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

#3a3040 border color

This element has a border color of #3a3040.

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

CSS codes

.text {color:#3a3040;}

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

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

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

#070608
```
#070608 rgb(7,6,8)
```
#110e13
```
#110e13 rgb(17,14,19)
```
#1c171e
```
#1c171e rgb(28,23,30)
```
#261f2a
```
#261f2a rgb(38,31,42)
```
#302835
```
#302835 rgb(48,40,53)
```
#3a3040
```
#3a3040 rgb(58,48,64)
```
#44384b
```
#44384b rgb(68,56,75)
```
#4e4156
```
#4e4156 rgb(78,65,86)
```
#584962
```
#584962 rgb(88,73,98)
```
#63526d
```
#63526d rgb(99,82,109)
```
#6d5a78
```
#6d5a78 rgb(109,90,120)
```
#776283
```
#776283 rgb(119,98,131)
```
#816b8e
```
#816b8e rgb(129,107,142)
```

Shade Color Variation

#8b7598
```
#8b7598 rgb(139,117,152)
```
#9480a0
```
#9480a0 rgb(148,128,160)
```
#9e8ca8
```
#9e8ca8 rgb(158,140,168)
```
#a797b1
```
#a797b1 rgb(167,151,177)
```
#b1a2b9
```
#b1a2b9 rgb(177,162,185)
```
#baadc2
```
#baadc2 rgb(186,173,194)
```
#c4b8ca
```
#c4b8ca rgb(196,184,202)
```
#cdc4d3
```
#cdc4d3 rgb(205,196,211)
```
#d6cfdb
```
#d6cfdb rgb(214,207,219)
```
#e0dae3
```
#e0dae3 rgb(224,218,227)
```
#e9e5ec
```
#e9e5ec rgb(233,229,236)
```
#f3f1f4
```
#f3f1f4 rgb(243,241,244)
```
#fcfcfd
```
#fcfcfd rgb(252,252,253)
```

Tint Color Variation

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

#39343c
```
#39343c rgb(57,52,60)
```
#3a3040
```
#3a3040 rgb(58,48,64)
```
#3b2c44
```
#3b2c44 rgb(59,44,68)
```
#3c2749
```
#3c2749 rgb(60,39,73)
```
#3d234d
```
#3d234d rgb(61,35,77)
```
#3e1f51
```
#3e1f51 rgb(62,31,81)
```
#3f1a56
```
#3f1a56 rgb(63,26,86)
```
#40165a
```
#40165a rgb(64,22,90)
```
#42125e
```
#42125e rgb(66,18,94)
```
#430e62
```
#430e62 rgb(67,14,98)
```
#440967
```
#440967 rgb(68,9,103)
```
#45056b
```
#45056b rgb(69,5,107)
```
#46016f
```
#46016f rgb(70,1,111)
```

Tone Color Variation

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

#3a3d4b Protanopia 1% of men
#3e3c49 Deuteranopia 1% of men
#423c40 Tritanopia 0.001% of the population

Trichromacy

#3a3847 Protanomaly 1% of men, 0.01% of women
#3c3845 Deuteranomaly 6% of men, 0.4% of women
#3f3740 Tritanomaly 0.01% of the population

#3a3040 hex color

#3a3040 Color Information

#3a3040 Color Conversion

Color Schemes with #3a3040

Alternatives to #3a3040

#3a3040 Preview

Shades and Tints of #3a3040

Tones of #3a3040

Color Blindness Simulator