#3a334a hex color

In a RGB color space, hex #3a334a is composed of 22.7% red, 20% green and 29% blue. Whereas in a CMYK color space, it is composed of 21.6% cyan, 31.1% magenta, 0% yellow and 71% black. It has a hue angle of 258.3 degrees, a saturation of 18.4% and a lightness of 24.5%. #3a334a color hex could be obtained by blending #746694 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 23
- G 20
- B 29
RGB color chart
- C 22
- M 31
- Y 0
- K 71
CMYK color chart

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

The hexadecimal color #3a334a has RGB values of R:58, G:51, B:74 and CMYK values of C:0.22, M:0.31, Y:0, K:0.71. Its decimal value is 3814218.

Hex triplet	3a334a	`#3a334a`
RGB Decimal	58, 51, 74	`rgb(58,51,74)`
RGB Percent	22.7, 20, 29	`rgb(22.7%,20%,29%)`
CMYK	22, 31, 0, 71
HSL	258.3°, 18.4, 24.5	`hsl(258.3,18.4%,24.5%)`
HSV (or HSB)	258.3°, 31.1, 29
Web Safe	333333	`#333333`

CIE-LAB	22.867, 8.74, -13.05
XYZ	4.165, 3.762, 6.985
xyY	0.279, 0.252, 3.762
CIE-LCH	22.867, 15.707, 303.811
CIE-LUV	22.867, 1.917, -15.804
Hunter-Lab	19.395, 4.387, -7.776
Binary	00111010, 00110011, 01001010

#3a334a
```
#3a334a rgb(58,51,74)
```
#434a33
```
#434a33 rgb(67,74,51)
```

Complementary Color

#33384a
```
#33384a rgb(51,56,74)
```
#3a334a
```
#3a334a rgb(58,51,74)
```
#46334a
```
#46334a rgb(70,51,74)
```

Analogous Color

#384a33
```
#384a33 rgb(56,74,51)
```
#3a334a
```
#3a334a rgb(58,51,74)
```
#4a4633
```
#4a4633 rgb(74,70,51)
```

Split Complementary Color

#334a3a
```
#334a3a rgb(51,74,58)
```
#3a334a
```
#3a334a rgb(58,51,74)
```
#4a3a33
```
#4a3a33 rgb(74,58,51)
```

Triadic Color

#33434a
```
#33434a rgb(51,67,74)
```
#3a334a
```
#3a334a rgb(58,51,74)
```
#4a3a33
```
#4a3a33 rgb(74,58,51)
```
#434a33
```
#434a33 rgb(67,74,51)
```

Tetradic Color

#17141d
```
#17141d rgb(23,20,29)
```
#221e2c
```
#221e2c rgb(34,30,44)
```
#2e293b
```
#2e293b rgb(46,41,59)
```
#3a334a
```
#3a334a rgb(58,51,74)
```
#463d59
```
#463d59 rgb(70,61,89)
```
#524868
```
#524868 rgb(82,72,104)
```
#5d5277
```
#5d5277 rgb(93,82,119)
```

Monochromatic Color

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

#34334a
```
#34334a rgb(52,51,74)
```
#36334a
```
#36334a rgb(54,51,74)
```
#38334a
```
#38334a rgb(56,51,74)
```
#3a334a
```
#3a334a rgb(58,51,74)
```
#3c334a
```
#3c334a rgb(60,51,74)
```
#3e334a
```
#3e334a rgb(62,51,74)
```
#40334a
```
#40334a rgb(64,51,74)
```

Similar Colors

Text with hexadecimal color #3a334a

This text has a font color of #3a334a.

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

#3a334a background color

This paragraph has a background color of #3a334a.

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

#3a334a border color

This element has a border color of #3a334a.

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

CSS codes

.text {color:#3a334a;}

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

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

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 #f8f8fa is the lightest one.

#030304
```
#030304 rgb(3,3,4)
```
#0c0b10
```
#0c0b10 rgb(12,11,16)
```
#16131c
```
#16131c rgb(22,19,28)
```
#1f1b27
```
#1f1b27 rgb(31,27,39)
```
#282333
```
#282333 rgb(40,35,51)
```
#312b3e
```
#312b3e rgb(49,43,62)
```
#3a334a
```
#3a334a rgb(58,51,74)
```
#433b56
```
#433b56 rgb(67,59,86)
```
#4c4361
```
#4c4361 rgb(76,67,97)
```
#554b6d
```
#554b6d rgb(85,75,109)
```
#5e5378
```
#5e5378 rgb(94,83,120)
```
#685b84
```
#685b84 rgb(104,91,132)
```
#716390
```
#716390 rgb(113,99,144)
```

Shade Color Variation

#7a6c9a
```
#7a6c9a rgb(122,108,154)
```
#8578a2
```
#8578a2 rgb(133,120,162)
```
#8f84aa
```
#8f84aa rgb(143,132,170)
```
#9a8fb2
```
#9a8fb2 rgb(154,143,178)
```
#a49bba
```
#a49bba rgb(164,155,186)
```
#afa6c2
```
#afa6c2 rgb(175,166,194)
```
#b9b2ca
```
#b9b2ca rgb(185,178,202)
```
#c4bed2
```
#c4bed2 rgb(196,190,210)
```
#cec9da
```
#cec9da rgb(206,201,218)
```
#d9d5e2
```
#d9d5e2 rgb(217,213,226)
```
#e3e0ea
```
#e3e0ea rgb(227,224,234)
```
#eeecf2
```
#eeecf2 rgb(238,236,242)
```
#f8f8fa
```
#f8f8fa rgb(248,248,250)
```

Tint Color Variation

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

#3e3d40
```
#3e3d40 rgb(62,61,64)
```
#3c3845
```
#3c3845 rgb(60,56,69)
```
#3a334a
```
#3a334a rgb(58,51,74)
```
#382e4f
```
#382e4f rgb(56,46,79)
```
#362954
```
#362954 rgb(54,41,84)
```
#342558
```
#342558 rgb(52,37,88)
```
#32205d
```
#32205d rgb(50,32,93)
```
#311b62
```
#311b62 rgb(49,27,98)
```
#2f1667
```
#2f1667 rgb(47,22,103)
```
#2d116c
```
#2d116c rgb(45,17,108)
```
#2b0d70
```
#2b0d70 rgb(43,13,112)
```
#290875
```
#290875 rgb(41,8,117)
```
#27037a
```
#27037a rgb(39,3,122)
```

Tone Color Variation

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

#383838 Achromatopsia 0.005% of the population
#38373c Atypical Achromatopsia 0.001% of the population

Dichromacy

#3a4055 Protanopia 1% of men
#3c4052 Deuteranopia 1% of men
#414045 Tritanopia 0.001% of the population

Trichromacy

#3a3b51 Protanomaly 1% of men, 0.01% of women
#3b3b4f Deuteranomaly 6% of men, 0.4% of women
#3e3b46 Tritanomaly 0.01% of the population

#3a334a hex color

#3a334a Color Information

#3a334a Color Conversion

Color Schemes with #3a334a

Alternatives to #3a334a

#3a334a Preview

Shades and Tints of #3a334a

Tones of #3a334a

Color Blindness Simulator