#3a3354 hex color

In a RGB color space, hex #3a3354 is composed of 22.7% red, 20% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 31% cyan, 39.3% magenta, 0% yellow and 67.1% black. It has a hue angle of 252.7 degrees, a saturation of 24.4% and a lightness of 26.5%. #3a3354 color hex could be obtained by blending #7466a8 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 23
- G 20
- B 33
RGB color chart
- C 31
- M 39
- Y 0
- K 67
CMYK color chart

● #3a3354 color description : Very dark desaturated blue.

The hexadecimal color #3a3354 has RGB values of R:58, G:51, B:84 and CMYK values of C:0.31, M:0.39, Y:0, K:0.67. Its decimal value is 3814228.

Hex triplet	3a3354	`#3a3354`
RGB Decimal	58, 51, 84	`rgb(58,51,84)`
RGB Percent	22.7, 20, 32.9	`rgb(22.7%,20%,32.9%)`
CMYK	31, 39, 0, 67
HSL	252.7°, 24.4, 26.5	`hsl(252.7,24.4%,26.5%)`
HSV (or HSB)	252.7°, 39.3, 32.9
Web Safe	333366	`#333366`

CIE-LAB	23.362, 11.6, -18.94
XYZ	4.529, 3.907, 8.903
xyY	0.261, 0.225, 3.907
CIE-LCH	23.362, 22.209, 301.486
CIE-LUV	23.362, 1.149, -23.367
Hunter-Lab	19.767, 6.304, -12.866
Binary	00111010, 00110011, 01010100

#3a3354
```
#3a3354 rgb(58,51,84)
```
#4d5433
```
#4d5433 rgb(77,84,51)
```

Complementary Color

#333d54
```
#333d54 rgb(51,61,84)
```
#3a3354
```
#3a3354 rgb(58,51,84)
```
#4b3354
```
#4b3354 rgb(75,51,84)
```

Analogous Color

#3d5433
```
#3d5433 rgb(61,84,51)
```
#3a3354
```
#3a3354 rgb(58,51,84)
```
#544b33
```
#544b33 rgb(84,75,51)
```

Split Complementary Color

#33543a
```
#33543a rgb(51,84,58)
```
#3a3354
```
#3a3354 rgb(58,51,84)
```
#543a33
```
#543a33 rgb(84,58,51)
```

Triadic Color

#334d54
```
#334d54 rgb(51,77,84)
```
#3a3354
```
#3a3354 rgb(58,51,84)
```
#543a33
```
#543a33 rgb(84,58,51)
```
#4d5433
```
#4d5433 rgb(77,84,51)
```

Tetradic Color

#191624
```
#191624 rgb(25,22,36)
```
#242034
```
#242034 rgb(36,32,52)
```
#2f2944
```
#2f2944 rgb(47,41,68)
```
#3a3354
```
#3a3354 rgb(58,51,84)
```
#453d64
```
#453d64 rgb(69,61,100)
```
#504674
```
#504674 rgb(80,70,116)
```
#5b5084
```
#5b5084 rgb(91,80,132)
```

Monochromatic Color

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

#333454
```
#333454 rgb(51,52,84)
```
#353354
```
#353354 rgb(53,51,84)
```
#373354
```
#373354 rgb(55,51,84)
```
#3a3354
```
#3a3354 rgb(58,51,84)
```
#3d3354
```
#3d3354 rgb(61,51,84)
```
#403354
```
#403354 rgb(64,51,84)
```
#423354
```
#423354 rgb(66,51,84)
```

Similar Colors

Text with hexadecimal color #3a3354

This text has a font color of #3a3354.

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

#3a3354 background color

This paragraph has a background color of #3a3354.

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

#3a3354 border color

This element has a border color of #3a3354.

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

CSS codes

.text {color:#3a3354;}

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

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

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, #07070b is the darkest color, while #fefefe is the lightest one.

#07070b
```
#07070b rgb(7,7,11)
```
#100e17
```
#100e17 rgb(16,14,23)
```
#181523
```
#181523 rgb(24,21,35)
```
#211d2f
```
#211d2f rgb(33,29,47)
```
#29243c
```
#29243c rgb(41,36,60)
```
#322c48
```
#322c48 rgb(50,44,72)
```
#3a3354
```
#3a3354 rgb(58,51,84)
```
#423a60
```
#423a60 rgb(66,58,96)
```
#4b426c
```
#4b426c rgb(75,66,108)
```
#534979
```
#534979 rgb(83,73,121)
```
#5c5185
```
#5c5185 rgb(92,81,133)
```
#645891
```
#645891 rgb(100,88,145)
```
#6d5f9d
```
#6d5f9d rgb(109,95,157)
```

Shade Color Variation

#776ba5
```
#776ba5 rgb(119,107,165)
```
#8377ad
```
#8377ad rgb(131,119,173)
```
#8e84b4
```
#8e84b4 rgb(142,132,180)
```
#9990bb
```
#9990bb rgb(153,144,187)
```
#a49cc3
```
#a49cc3 rgb(164,156,195)
```
#afa8ca
```
#afa8ca rgb(175,168,202)
```
#bbb4d2
```
#bbb4d2 rgb(187,180,210)
```
#c6c1d9
```
#c6c1d9 rgb(198,193,217)
```
#d1cde0
```
#d1cde0 rgb(209,205,224)
```
#dcd9e8
```
#dcd9e8 rgb(220,217,232)
```
#e7e5ef
```
#e7e5ef rgb(231,229,239)
```
#f2f1f7
```
#f2f1f7 rgb(242,241,247)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#434344
```
#434344 rgb(67,67,68)
```
#403d4a
```
#403d4a rgb(64,61,74)
```
#3d384f
```
#3d384f rgb(61,56,79)
```
#3a3354
```
#3a3354 rgb(58,51,84)
```
#372e59
```
#372e59 rgb(55,46,89)
```
#34295e
```
#34295e rgb(52,41,94)
```
#312364
```
#312364 rgb(49,35,100)
```
#2e1e69
```
#2e1e69 rgb(46,30,105)
```
#2b196e
```
#2b196e rgb(43,25,110)
```
#281473
```
#281473 rgb(40,20,115)
```
#250f78
```
#250f78 rgb(37,15,120)
```
#22097e
```
#22097e rgb(34,9,126)
```
#1f0483
```
#1f0483 rgb(31,4,131)
```

Tone Color Variation

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

#393939 Achromatopsia 0.005% of the population
#39383e Atypical Achromatopsia 0.001% of the population

Dichromacy

#36415f Protanopia 1% of men
#37415b Deuteranopia 1% of men
#3f4247 Tritanopia 0.001% of the population

Trichromacy

#373b5b Protanomaly 1% of men, 0.01% of women
#383c58 Deuteranomaly 6% of men, 0.4% of women
#3d3c4b Tritanomaly 0.01% of the population

#3a3354 hex color

#3a3354 Color Information

#3a3354 Color Conversion

Color Schemes with #3a3354

Alternatives to #3a3354

#3a3354 Preview

Shades and Tints of #3a3354

Tones of #3a3354

Color Blindness Simulator