#3a2f75 hex color

In a RGB color space, hex #3a2f75 is composed of 22.7% red, 18.4% green and 45.9% blue. Whereas in a CMYK color space, it is composed of 50.4% cyan, 59.8% magenta, 0% yellow and 54.1% black. It has a hue angle of 249.4 degrees, a saturation of 42.7% and a lightness of 32.2%. #3a2f75 color hex could be obtained by blending #745eea with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 23
- G 18
- B 46
RGB color chart
- C 50
- M 60
- Y 0
- K 54
CMYK color chart

● #3a2f75 color description : Dark moderate blue.

The hexadecimal color #3a2f75 has RGB values of R:58, G:47, B:117 and CMYK values of C:0.5, M:0.6, Y:0, K:0.54. Its decimal value is 3813237.

Hex triplet	3a2f75	`#3a2f75`
RGB Decimal	58, 47, 117	`rgb(58,47,117)`
RGB Percent	22.7, 18.4, 45.9	`rgb(22.7%,18.4%,45.9%)`
CMYK	50, 60, 0, 54
HSL	249.4°, 42.7, 32.2	`hsl(249.4,42.7%,32.2%)`
HSV (or HSB)	249.4°, 59.8, 45.9
Web Safe	333366	`#333366`

CIE-LAB	24.376, 24.74, -38.769
XYZ	5.972, 4.217, 17.328
xyY	0.217, 0.153, 4.217
CIE-LCH	24.376, 45.991, 302.544
CIE-LUV	24.376, -0.242, -49.189
Hunter-Lab	20.535, 15.974, -35.656
Binary	00111010, 00101111, 01110101

#3a2f75
```
#3a2f75 rgb(58,47,117)
```
#6a752f
```
#6a752f rgb(106,117,47)
```

Complementary Color

#2f4775
```
#2f4775 rgb(47,71,117)
```
#3a2f75
```
#3a2f75 rgb(58,47,117)
```
#5d2f75
```
#5d2f75 rgb(93,47,117)
```

Analogous Color

#47752f
```
#47752f rgb(71,117,47)
```
#3a2f75
```
#3a2f75 rgb(58,47,117)
```
#755d2f
```
#755d2f rgb(117,93,47)
```

Split Complementary Color

#2f753a
```
#2f753a rgb(47,117,58)
```
#3a2f75
```
#3a2f75 rgb(58,47,117)
```
#753a2f
```
#753a2f rgb(117,58,47)
```

Triadic Color

#2f6a75
```
#2f6a75 rgb(47,106,117)
```
#3a2f75
```
#3a2f75 rgb(58,47,117)
```
#753a2f
```
#753a2f rgb(117,58,47)
```
#6a752f
```
#6a752f rgb(106,117,47)
```

Tetradic Color

#1f193e
```
#1f193e rgb(31,25,62)
```
#282051
```
#282051 rgb(40,32,81)
```
#312863
```
#312863 rgb(49,40,99)
```
#3a2f75
```
#3a2f75 rgb(58,47,117)
```
#433687
```
#433687 rgb(67,54,135)
```
#4c3e99
```
#4c3e99 rgb(76,62,153)
```
#5545ac
```
#5545ac rgb(85,69,172)
```

Monochromatic Color

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

#2f3675
```
#2f3675 rgb(47,54,117)
```
#2f3075
```
#2f3075 rgb(47,48,117)
```
#342f75
```
#342f75 rgb(52,47,117)
```
#3a2f75
```
#3a2f75 rgb(58,47,117)
```
#402f75
```
#402f75 rgb(64,47,117)
```
#462f75
```
#462f75 rgb(70,47,117)
```
#4c2f75
```
#4c2f75 rgb(76,47,117)
```

Similar Colors

Text with hexadecimal color #3a2f75

This text has a font color of #3a2f75.

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

#3a2f75 background color

This paragraph has a background color of #3a2f75.

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

#3a2f75 border color

This element has a border color of #3a2f75.

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

CSS codes

.text {color:#3a2f75;}

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

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

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

#030205
```
#030205 rgb(3,2,5)
```
#090813
```
#090813 rgb(9,8,19)
```
#100d21
```
#100d21 rgb(16,13,33)
```
#17132f
```
#17132f rgb(23,19,47)
```
#1e193d
```
#1e193d rgb(30,25,61)
```
#251e4b
```
#251e4b rgb(37,30,75)
```
#2c2459
```
#2c2459 rgb(44,36,89)
```
#332967
```
#332967 rgb(51,41,103)
```
#3a2f75
```
#3a2f75 rgb(58,47,117)
```
#413583
```
#413583 rgb(65,53,131)
```
#483a91
```
#483a91 rgb(72,58,145)
```
#4f409f
```
#4f409f rgb(79,64,159)
```
#5645ad
```
#5645ad rgb(86,69,173)
```

Shade Color Variation

#5f4eb8
```
#5f4eb8 rgb(95,78,184)
```
#6b5cbe
```
#6b5cbe rgb(107,92,190)
```
#786ac3
```
#786ac3 rgb(120,106,195)
```
#8578c9
```
#8578c9 rgb(133,120,201)
```
#9186ce
```
#9186ce rgb(145,134,206)
```
#9e94d4
```
#9e94d4 rgb(158,148,212)
```
#aba2da
```
#aba2da rgb(171,162,218)
```
#b8b0df
```
#b8b0df rgb(184,176,223)
```
#c4bee5
```
#c4bee5 rgb(196,190,229)
```
#d1cceb
```
#d1cceb rgb(209,204,235)
```
#dedaf0
```
#dedaf0 rgb(222,218,240)
```
#eae8f6
```
#eae8f6 rgb(234,232,246)
```
#f7f6fb
```
#f7f6fb rgb(247,246,251)
```

Tint Color Variation

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

#504f55
```
#504f55 rgb(80,79,85)
```
#4b485c
```
#4b485c rgb(75,72,92)
```
#474262
```
#474262 rgb(71,66,98)
```
#433c68
```
#433c68 rgb(67,60,104)
```
#3e356f
```
#3e356f rgb(62,53,111)
```
#3a2f75
```
#3a2f75 rgb(58,47,117)
```
#36297b
```
#36297b rgb(54,41,123)
```
#312282
```
#312282 rgb(49,34,130)
```
#2d1c88
```
#2d1c88 rgb(45,28,136)
```
#29168e
```
#29168e rgb(41,22,142)
```
#240f95
```
#240f95 rgb(36,15,149)
```
#20099b
```
#20099b rgb(32,9,155)
```
#1c03a1
```
#1c03a1 rgb(28,3,161)
```

Tone Color Variation

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

#3a3a3a Achromatopsia 0.005% of the population
#3a3846 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004281 Protanopia 1% of men
#004572 Deuteranopia 1% of men
#32474c Tritanopia 0.001% of the population

Trichromacy

#153b7d Protanomaly 1% of men, 0.01% of women
#153d73 Deuteranomaly 6% of men, 0.4% of women
#353e5b Tritanomaly 0.01% of the population

#3a2f75 hex color

#3a2f75 Color Information

#3a2f75 Color Conversion

Color Schemes with #3a2f75

Alternatives to #3a2f75

#3a2f75 Preview

Shades and Tints of #3a2f75

Tones of #3a2f75

Color Blindness Simulator