#3a2f95 hex color

In a RGB color space, hex #3a2f95 is composed of 22.7% red, 18.4% green and 58.4% blue. Whereas in a CMYK color space, it is composed of 61.1% cyan, 68.5% magenta, 0% yellow and 41.6% black. It has a hue angle of 246.5 degrees, a saturation of 52% and a lightness of 38.4%. #3a2f95 color hex could be obtained by blending #745eff with #00002b. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 23
- G 18
- B 58
RGB color chart
- C 61
- M 68
- Y 0
- K 42
CMYK color chart

● #3a2f95 color description : Dark moderate blue.

The hexadecimal color #3a2f95 has RGB values of R:58, G:47, B:149 and CMYK values of C:0.61, M:0.68, Y:0, K:0.42. Its decimal value is 3813269.

Hex triplet	3a2f95	`#3a2f95`
RGB Decimal	58, 47, 149	`rgb(58,47,149)`
RGB Percent	22.7, 18.4, 58.4	`rgb(22.7%,18.4%,58.4%)`
CMYK	61, 68, 0, 42
HSL	246.5°, 52, 38.4	`hsl(246.5,52%,38.4%)`
HSV (or HSB)	246.5°, 68.5, 58.4
Web Safe	333399	`#333399`

CIE-LAB	27.024, 35.353, -54.479
XYZ	8.185, 5.102, 28.986
xyY	0.194, 0.121, 5.102
CIE-LCH	27.024, 64.944, 302.981
CIE-LUV	27.024, -2.503, -70.563
Hunter-Lab	22.588, 25.154, -60.271
Binary	00111010, 00101111, 10010101

#3a2f95
```
#3a2f95 rgb(58,47,149)
```
#8a952f
```
#8a952f rgb(138,149,47)
```

Complementary Color

#2f5795
```
#2f5795 rgb(47,87,149)
```
#3a2f95
```
#3a2f95 rgb(58,47,149)
```
#6d2f95
```
#6d2f95 rgb(109,47,149)
```

Analogous Color

#57952f
```
#57952f rgb(87,149,47)
```
#3a2f95
```
#3a2f95 rgb(58,47,149)
```
#956d2f
```
#956d2f rgb(149,109,47)
```

Split Complementary Color

#2f953a
```
#2f953a rgb(47,149,58)
```
#3a2f95
```
#3a2f95 rgb(58,47,149)
```
#953a2f
```
#953a2f rgb(149,58,47)
```

Triadic Color

#2f8a95
```
#2f8a95 rgb(47,138,149)
```
#3a2f95
```
#3a2f95 rgb(58,47,149)
```
#953a2f
```
#953a2f rgb(149,58,47)
```
#8a952f
```
#8a952f rgb(138,149,47)
```

Tetradic Color

#231d5b
```
#231d5b rgb(35,29,91)
```
#2b236e
```
#2b236e rgb(43,35,110)
```
#322982
```
#322982 rgb(50,41,130)
```
#3a2f95
```
#3a2f95 rgb(58,47,149)
```
#4235a8
```
#4235a8 rgb(66,53,168)
```
#493bbc
```
#493bbc rgb(73,59,188)
```
#584ac6
```
#584ac6 rgb(88,74,198)
```

Monochromatic Color

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

#2f3e95
```
#2f3e95 rgb(47,62,149)
```
#2f3595
```
#2f3595 rgb(47,53,149)
```
#322f95
```
#322f95 rgb(50,47,149)
```
#3a2f95
```
#3a2f95 rgb(58,47,149)
```
#432f95
```
#432f95 rgb(67,47,149)
```
#4b2f95
```
#4b2f95 rgb(75,47,149)
```
#542f95
```
#542f95 rgb(84,47,149)
```

Similar Colors

Text with hexadecimal color #3a2f95

This text has a font color of #3a2f95.

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

#3a2f95 background color

This paragraph has a background color of #3a2f95.

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

#3a2f95 border color

This element has a border color of #3a2f95.

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

CSS codes

.text {color:#3a2f95;}

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

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

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, #06050f is the darkest color, while #ffffff is the lightest one.

#06050f
```
#06050f rgb(6,5,15)
```
#0c091e
```
#0c091e rgb(12,9,30)
```
#110e2d
```
#110e2d rgb(17,14,45)
```
#17133c
```
#17133c rgb(23,19,60)
```
#1d174a
```
#1d174a rgb(29,23,74)
```
#231c59
```
#231c59 rgb(35,28,89)
```
#292168
```
#292168 rgb(41,33,104)
```
#2e2677
```
#2e2677 rgb(46,38,119)
```
#342a86
```
#342a86 rgb(52,42,134)
```
#3a2f95
```
#3a2f95 rgb(58,47,149)
```
#4034a4
```
#4034a4 rgb(64,52,164)
```
#4638b3
```
#4638b3 rgb(70,56,179)
```
#4b3dc2
```
#4b3dc2 rgb(75,61,194)
```

Shade Color Variation

#594cc7
```
#594cc7 rgb(89,76,199)
```
#675bcb
```
#675bcb rgb(103,91,203)
```
#756ad0
```
#756ad0 rgb(117,106,208)
```
#8379d5
```
#8379d5 rgb(131,121,213)
```
#9088d9
```
#9088d9 rgb(144,136,217)
```
#9e97de
```
#9e97de rgb(158,151,222)
```
#aca5e3
```
#aca5e3 rgb(172,165,227)
```
#bab4e7
```
#bab4e7 rgb(186,180,231)
```
#c8c3ec
```
#c8c3ec rgb(200,195,236)
```
#d5d2f1
```
#d5d2f1 rgb(213,210,241)
```
#e3e1f6
```
#e3e1f6 rgb(227,225,246)
```
#f1f0fa
```
#f1f0fa rgb(241,240,250)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5d5c68 is the less saturated color, while #1702c2 is the most saturated one.

#5d5c68
```
#5d5c68 rgb(93,92,104)
```
#58556f
```
#58556f rgb(88,85,111)
```
#524d77
```
#524d77 rgb(82,77,119)
```
#4c467e
```
#4c467e rgb(76,70,126)
```
#463e86
```
#463e86 rgb(70,62,134)
```
#40378d
```
#40378d rgb(64,55,141)
```
#3a2f95
```
#3a2f95 rgb(58,47,149)
```
#34279d
```
#34279d rgb(52,39,157)
```
#2e20a4
```
#2e20a4 rgb(46,32,164)
```
#2818ac
```
#2818ac rgb(40,24,172)
```
#2211b3
```
#2211b3 rgb(34,17,179)
```
#1c09bb
```
#1c09bb rgb(28,9,187)
```
#1702c2
```
#1702c2 rgb(23,2,194)
```

Tone Color Variation

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

#3e3e3e Achromatopsia 0.005% of the population
#3d3b4f Atypical Achromatopsia 0.001% of the population

Dichromacy

#00478b Protanopia 1% of men
#004b7a Deuteranopia 1% of men
#155056 Tritanopia 0.001% of the population

Trichromacy

#153e8f Protanomaly 1% of men, 0.01% of women
#154183 Deuteranomaly 6% of men, 0.4% of women
#22446d Tritanomaly 0.01% of the population

#3a2f95 hex color

#3a2f95 Color Information

#3a2f95 Color Conversion

Color Schemes with #3a2f95

Alternatives to #3a2f95

#3a2f95 Preview

Shades and Tints of #3a2f95

Tones of #3a2f95

Color Blindness Simulator