#3a2f54 hex color

In a RGB color space, hex #3a2f54 is composed of 22.7% red, 18.4% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 31% cyan, 44% magenta, 0% yellow and 67.1% black. It has a hue angle of 257.8 degrees, a saturation of 28.2% and a lightness of 25.7%. #3a2f54 color hex could be obtained by blending #745ea8 with #000000. Closest websafe color is: #333366.

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

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

The hexadecimal color #3a2f54 has RGB values of R:58, G:47, B:84 and CMYK values of C:0.31, M:0.44, Y:0, K:0.67. Its decimal value is 3813204.

Hex triplet	3a2f54	`#3a2f54`
RGB Decimal	58, 47, 84	`rgb(58,47,84)`
RGB Percent	22.7, 18.4, 32.9	`rgb(22.7%,18.4%,32.9%)`
CMYK	31, 44, 0, 67
HSL	257.8°, 28.2, 25.7	`hsl(257.8,28.2%,25.7%)`
HSV (or HSB)	257.8°, 44, 32.9
Web Safe	333366	`#333366`

CIE-LAB	22.205, 14.328, -20.753
XYZ	4.361, 3.573, 8.847
xyY	0.26, 0.213, 3.573
CIE-LCH	22.205, 25.219, 304.621
CIE-LUV	22.205, 2.493, -25.339
Hunter-Lab	18.901, 8.11, -14.52
Binary	00111010, 00101111, 01010100

#3a2f54
```
#3a2f54 rgb(58,47,84)
```
#49542f
```
#49542f rgb(73,84,47)
```

Complementary Color

#2f3754
```
#2f3754 rgb(47,55,84)
```
#3a2f54
```
#3a2f54 rgb(58,47,84)
```
#4d2f54
```
#4d2f54 rgb(77,47,84)
```

Analogous Color

#37542f
```
#37542f rgb(55,84,47)
```
#3a2f54
```
#3a2f54 rgb(58,47,84)
```
#544d2f
```
#544d2f rgb(84,77,47)
```

Split Complementary Color

#2f543a
```
#2f543a rgb(47,84,58)
```
#3a2f54
```
#3a2f54 rgb(58,47,84)
```
#543a2f
```
#543a2f rgb(84,58,47)
```

Triadic Color

#2f4954
```
#2f4954 rgb(47,73,84)
```
#3a2f54
```
#3a2f54 rgb(58,47,84)
```
#543a2f
```
#543a2f rgb(84,58,47)
```
#49542f
```
#49542f rgb(73,84,47)
```

Tetradic Color

#181423
```
#181423 rgb(24,20,35)
```
#231d33
```
#231d33 rgb(35,29,51)
```
#2f2644
```
#2f2644 rgb(47,38,68)
```
#3a2f54
```
#3a2f54 rgb(58,47,84)
```
#453864
```
#453864 rgb(69,56,100)
```
#514175
```
#514175 rgb(81,65,117)
```
#5c4a85
```
#5c4a85 rgb(92,74,133)
```

Monochromatic Color

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

#312f54
```
#312f54 rgb(49,47,84)
```
#342f54
```
#342f54 rgb(52,47,84)
```
#372f54
```
#372f54 rgb(55,47,84)
```
#3a2f54
```
#3a2f54 rgb(58,47,84)
```
#3d2f54
```
#3d2f54 rgb(61,47,84)
```
#402f54
```
#402f54 rgb(64,47,84)
```
#432f54
```
#432f54 rgb(67,47,84)
```

Similar Colors

Text with hexadecimal color #3a2f54

This text has a font color of #3a2f54.

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

#3a2f54 background color

This paragraph has a background color of #3a2f54.

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

#3a2f54 border color

This element has a border color of #3a2f54.

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

CSS codes

.text {color:#3a2f54;}

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

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

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

#060509
```
#060509 rgb(6,5,9)
```
#0f0c15
```
#0f0c15 rgb(15,12,21)
```
#171322
```
#171322 rgb(23,19,34)
```
#201a2e
```
#201a2e rgb(32,26,46)
```
#29213b
```
#29213b rgb(41,33,59)
```
#312847
```
#312847 rgb(49,40,71)
```
#3a2f54
```
#3a2f54 rgb(58,47,84)
```
#433661
```
#433661 rgb(67,54,97)
```
#4b3d6d
```
#4b3d6d rgb(75,61,109)
```
#54447a
```
#54447a rgb(84,68,122)
```
#5d4b86
```
#5d4b86 rgb(93,75,134)
```
#655293
```
#655293 rgb(101,82,147)
```
#6e599f
```
#6e599f rgb(110,89,159)
```

Shade Color Variation

#7864a8
```
#7864a8 rgb(120,100,168)
```
#8371af
```
#8371af rgb(131,113,175)
```
#8e7db6
```
#8e7db6 rgb(142,125,182)
```
#998abd
```
#998abd rgb(153,138,189)
```
#a496c4
```
#a496c4 rgb(164,150,196)
```
#afa3cb
```
#afa3cb rgb(175,163,203)
```
#baafd3
```
#baafd3 rgb(186,175,211)
```
#c5bcda
```
#c5bcda rgb(197,188,218)
```
#d0c9e1
```
#d0c9e1 rgb(208,201,225)
```
#dbd5e8
```
#dbd5e8 rgb(219,213,232)
```
#e6e2ef
```
#e6e2ef rgb(230,226,239)
```
#f1eef6
```
#f1eef6 rgb(241,238,246)
```
#fbfbfd
```
#fbfbfd rgb(251,251,253)
```

Tint Color Variation

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

#403e45
```
#403e45 rgb(64,62,69)
```
#3e394a
```
#3e394a rgb(62,57,74)
```
#3c344f
```
#3c344f rgb(60,52,79)
```
#3a2f54
```
#3a2f54 rgb(58,47,84)
```
#382a59
```
#382a59 rgb(56,42,89)
```
#36255e
```
#36255e rgb(54,37,94)
```
#342063
```
#342063 rgb(52,32,99)
```
#321b68
```
#321b68 rgb(50,27,104)
```
#30166d
```
#30166d rgb(48,22,109)
```
#2e1172
```
#2e1172 rgb(46,17,114)
```
#2c0c77
```
#2c0c77 rgb(44,12,119)
```
#2a077c
```
#2a077c rgb(42,7,124)
```
#280281
```
#280281 rgb(40,2,129)
```

Tone Color Variation

Below, you can see how #3a2f54 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
#38353d Atypical Achromatopsia 0.001% of the population

Dichromacy

#313e60 Protanopia 1% of men
#323f5a Deuteranopia 1% of men
#3e3f44 Tritanopia 0.001% of the population

Trichromacy

#34385b Protanomaly 1% of men, 0.01% of women
#353958 Deuteranomaly 6% of men, 0.4% of women
#3c3949 Tritanomaly 0.01% of the population

#3a2f54 hex color

#3a2f54 Color Information

#3a2f54 Color Conversion

Color Schemes with #3a2f54

Alternatives to #3a2f54

#3a2f54 Preview

Shades and Tints of #3a2f54

Tones of #3a2f54

Color Blindness Simulator