#3a2bba hex color

In a RGB color space, hex #3a2bba is composed of 22.7% red, 16.9% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 68.8% cyan, 76.9% magenta, 0% yellow and 27.1% black. It has a hue angle of 246.3 degrees, a saturation of 62.4% and a lightness of 44.9%. #3a2bba color hex could be obtained by blending #7456ff with #000075. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 23
- G 17
- B 73
RGB color chart
- C 69
- M 77
- Y 0
- K 27
CMYK color chart

● #3a2bba color description : Strong blue.

The hexadecimal color #3a2bba has RGB values of R:58, G:43, B:186 and CMYK values of C:0.69, M:0.77, Y:0, K:0.27. Its decimal value is 3812282.

Hex triplet	3a2bba	`#3a2bba`
RGB Decimal	58, 43, 186	`rgb(58,43,186)`
RGB Percent	22.7, 16.9, 72.9	`rgb(22.7%,16.9%,72.9%)`
CMYK	69, 77, 0, 27
HSL	246.3°, 62.4, 44.9	`hsl(246.3,62.4%,44.9%)`
HSV (or HSB)	246.3°, 76.9, 72.9
Web Safe	3333cc	`#3333cc`

CIE-LAB	29.842, 49.489, -72.154
XYZ	11.47, 6.172, 47.039
xyY	0.177, 0.095, 6.172
CIE-LCH	29.842, 87.495, 304.446
CIE-LUV	29.842, -4.151, -93.792
Hunter-Lab	24.843, 38.937, -94.87
Binary	00111010, 00101011, 10111010

#3a2bba
```
#3a2bba rgb(58,43,186)
```
#abba2b
```
#abba2b rgb(171,186,43)
```

Complementary Color

#2b64ba
```
#2b64ba rgb(43,100,186)
```
#3a2bba
```
#3a2bba rgb(58,43,186)
```
#822bba
```
#822bba rgb(130,43,186)
```

Analogous Color

#64ba2b
```
#64ba2b rgb(100,186,43)
```
#3a2bba
```
#3a2bba rgb(58,43,186)
```
#ba822b
```
#ba822b rgb(186,130,43)
```

Split Complementary Color

#2bba3a
```
#2bba3a rgb(43,186,58)
```
#3a2bba
```
#3a2bba rgb(58,43,186)
```
#ba3a2b
```
#ba3a2b rgb(186,58,43)
```

Triadic Color

#2babba
```
#2babba rgb(43,171,186)
```
#3a2bba
```
#3a2bba rgb(58,43,186)
```
#ba3a2b
```
#ba3a2b rgb(186,58,43)
```
#abba2b
```
#abba2b rgb(171,186,43)
```

Tetradic Color

#271d7c
```
#271d7c rgb(39,29,124)
```
#2d2191
```
#2d2191 rgb(45,33,145)
```
#3426a5
```
#3426a5 rgb(52,38,165)
```
#3a2bba
```
#3a2bba rgb(58,43,186)
```
#4030cf
```
#4030cf rgb(64,48,207)
```
#5344d4
```
#5344d4 rgb(83,68,212)
```
#6659d9
```
#6659d9 rgb(102,89,217)
```

Monochromatic Color

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

#2b40ba
```
#2b40ba rgb(43,64,186)
```
#2b34ba
```
#2b34ba rgb(43,52,186)
```
#2e2bba
```
#2e2bba rgb(46,43,186)
```
#3a2bba
```
#3a2bba rgb(58,43,186)
```
#462bba
```
#462bba rgb(70,43,186)
```
#522bba
```
#522bba rgb(82,43,186)
```
#5e2bba
```
#5e2bba rgb(94,43,186)
```

Similar Colors

Text with hexadecimal color #3a2bba

This text has a font color of #3a2bba.

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

#3a2bba background color

This paragraph has a background color of #3a2bba.

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

#3a2bba border color

This element has a border color of #3a2bba.

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

CSS codes

.text {color:#3a2bba;}

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

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

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

#03020b
```
#03020b rgb(3,2,11)
```
#08061b
```
#08061b rgb(8,6,27)
```
#0d0a2b
```
#0d0a2b rgb(13,10,43)
```
#120e3b
```
#120e3b rgb(18,14,59)
```
#17114a
```
#17114a rgb(23,17,74)
```
#1c155a
```
#1c155a rgb(28,21,90)
```
#21196a
```
#21196a rgb(33,25,106)
```
#261c7a
```
#261c7a rgb(38,28,122)
```
#2b208a
```
#2b208a rgb(43,32,138)
```
#30249a
```
#30249a rgb(48,36,154)
```
#3527aa
```
#3527aa rgb(53,39,170)
```
#3a2bba
```
#3a2bba rgb(58,43,186)
```
#3f2fca
```
#3f2fca rgb(63,47,202)
```

Shade Color Variation

#4a3bd2
```
#4a3bd2 rgb(74,59,210)
```
#594bd5
```
#594bd5 rgb(89,75,213)
```
#685ad9
```
#685ad9 rgb(104,90,217)
```
#766add
```
#766add rgb(118,106,221)
```
#857ae0
```
#857ae0 rgb(133,122,224)
```
#948ae4
```
#948ae4 rgb(148,138,228)
```
#a29ae8
```
#a29ae8 rgb(162,154,232)
```
#b1aaeb
```
#b1aaeb rgb(177,170,235)
```
#c0baef
```
#c0baef rgb(192,186,239)
```
#cecaf3
```
#cecaf3 rgb(206,202,243)
```
#dddaf6
```
#dddaf6 rgb(221,218,246)
```
#eceafa
```
#eceafa rgb(236,234,250)
```
#fafafe
```
#fafafe rgb(250,250,254)
```

Tint Color Variation

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

#727174
```
#727174 rgb(114,113,116)
```
#6b697c
```
#6b697c rgb(107,105,124)
```
#646085
```
#646085 rgb(100,96,133)
```
#5d578e
```
#5d578e rgb(93,87,142)
```
#564e97
```
#564e97 rgb(86,78,151)
```
#4f45a0
```
#4f45a0 rgb(79,69,160)
```
#483da8
```
#483da8 rgb(72,61,168)
```
#4134b1
```
#4134b1 rgb(65,52,177)
```
#3a2bba
```
#3a2bba rgb(58,43,186)
```
#3322c3
```
#3322c3 rgb(51,34,195)
```
#2c19cc
```
#2c19cc rgb(44,25,204)
```
#2511d4
```
#2511d4 rgb(37,17,212)
```
#1e08dd
```
#1e08dd rgb(30,8,221)
```

Tone Color Variation

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

#404040 Achromatopsia 0.005% of the population
#3f3c58 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004d96 Protanopia 1% of men
#005282 Deuteranopia 1% of men
#00575c Tritanopia 0.001% of the population

Trichromacy

#1541a3 Protanomaly 1% of men, 0.01% of women
#154396 Deuteranomaly 6% of men, 0.4% of women
#15477e Tritanomaly 0.01% of the population

#3a2bba hex color

#3a2bba Color Information

#3a2bba Color Conversion

Color Schemes with #3a2bba

Alternatives to #3a2bba

#3a2bba Preview

Shades and Tints of #3a2bba

Tones of #3a2bba

Color Blindness Simulator