#3a2bb4 hex color

In a RGB color space, hex #3a2bb4 is composed of 22.7% red, 16.9% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 67.8% cyan, 76.1% magenta, 0% yellow and 29.4% black. It has a hue angle of 246.6 degrees, a saturation of 61.4% and a lightness of 43.7%. #3a2bb4 color hex could be obtained by blending #7456ff with #000069. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 23
- G 17
- B 71
RGB color chart
- C 68
- M 76
- Y 0
- K 29
CMYK color chart

● #3a2bb4 color description : Strong blue.

The hexadecimal color #3a2bb4 has RGB values of R:58, G:43, B:180 and CMYK values of C:0.68, M:0.76, Y:0, K:0.29. Its decimal value is 3812276.

Hex triplet	3a2bb4	`#3a2bb4`
RGB Decimal	58, 43, 180	`rgb(58,43,180)`
RGB Percent	22.7, 16.9, 70.6	`rgb(22.7%,16.9%,70.6%)`
CMYK	68, 76, 0, 29
HSL	246.6°, 61.4, 43.7	`hsl(246.6,61.4%,43.7%)`
HSV (or HSB)	246.6°, 76.1, 70.6
Web Safe	3333cc	`#3333cc`

CIE-LAB	29.215, 47.623, -69.625
XYZ	10.845, 5.922, 43.749
xyY	0.179, 0.098, 5.922
CIE-LCH	29.215, 84.354, 304.372
CIE-LUV	29.215, -3.79, -90.213
Hunter-Lab	24.335, 36.965, -89.555
Binary	00111010, 00101011, 10110100

#3a2bb4
```
#3a2bb4 rgb(58,43,180)
```
#a5b42b
```
#a5b42b rgb(165,180,43)
```

Complementary Color

#2b61b4
```
#2b61b4 rgb(43,97,180)
```
#3a2bb4
```
#3a2bb4 rgb(58,43,180)
```
#7f2bb4
```
#7f2bb4 rgb(127,43,180)
```

Analogous Color

#61b42b
```
#61b42b rgb(97,180,43)
```
#3a2bb4
```
#3a2bb4 rgb(58,43,180)
```
#b47f2b
```
#b47f2b rgb(180,127,43)
```

Split Complementary Color

#2bb43a
```
#2bb43a rgb(43,180,58)
```
#3a2bb4
```
#3a2bb4 rgb(58,43,180)
```
#b43a2b
```
#b43a2b rgb(180,58,43)
```

Triadic Color

#2ba5b4
```
#2ba5b4 rgb(43,165,180)
```
#3a2bb4
```
#3a2bb4 rgb(58,43,180)
```
#b43a2b
```
#b43a2b rgb(180,58,43)
```
#a5b42b
```
#a5b42b rgb(165,180,43)
```

Tetradic Color

#261c76
```
#261c76 rgb(38,28,118)
```
#2d218b
```
#2d218b rgb(45,33,139)
```
#33269f
```
#33269f rgb(51,38,159)
```
#3a2bb4
```
#3a2bb4 rgb(58,43,180)
```
#4130c9
```
#4130c9 rgb(65,48,201)
```
#5041d1
```
#5041d1 rgb(80,65,209)
```
#6355d6
```
#6355d6 rgb(99,85,214)
```

Monochromatic Color

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

#2b3eb4
```
#2b3eb4 rgb(43,62,180)
```
#2b33b4
```
#2b33b4 rgb(43,51,180)
```
#2f2bb4
```
#2f2bb4 rgb(47,43,180)
```
#3a2bb4
```
#3a2bb4 rgb(58,43,180)
```
#452bb4
```
#452bb4 rgb(69,43,180)
```
#512bb4
```
#512bb4 rgb(81,43,180)
```
#5c2bb4
```
#5c2bb4 rgb(92,43,180)
```

Similar Colors

Text with hexadecimal color #3a2bb4

This text has a font color of #3a2bb4.

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

#3a2bb4 background color

This paragraph has a background color of #3a2bb4.

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

#3a2bb4 border color

This element has a border color of #3a2bb4.

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

CSS codes

.text {color:#3a2bb4;}

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

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

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

#020106
```
#020106 rgb(2,1,6)
```
#070516
```
#070516 rgb(7,5,22)
```
#0c0926
```
#0c0926 rgb(12,9,38)
```
#110d35
```
#110d35 rgb(17,13,53)
```
#161145
```
#161145 rgb(22,17,69)
```
#1b1455
```
#1b1455 rgb(27,20,85)
```
#201865
```
#201865 rgb(32,24,101)
```
#261c75
```
#261c75 rgb(38,28,117)
```
#2b2085
```
#2b2085 rgb(43,32,133)
```
#302394
```
#302394 rgb(48,35,148)
```
#3527a4
```
#3527a4 rgb(53,39,164)
```
#3a2bb4
```
#3a2bb4 rgb(58,43,180)
```
#3f2fc4
```
#3f2fc4 rgb(63,47,196)
```

Shade Color Variation

#4837cf
```
#4837cf rgb(72,55,207)
```
#5647d3
```
#5647d3 rgb(86,71,211)
```
#6557d7
```
#6557d7 rgb(101,87,215)
```
#7367db
```
#7367db rgb(115,103,219)
```
#8276de
```
#8276de rgb(130,118,222)
```
#9086e2
```
#9086e2 rgb(144,134,226)
```
#9f96e6
```
#9f96e6 rgb(159,150,230)
```
#ada6ea
```
#ada6ea rgb(173,166,234)
```
#bcb6ed
```
#bcb6ed rgb(188,182,237)
```
#cac6f1
```
#cac6f1 rgb(202,198,241)
```
#d9d5f5
```
#d9d5f5 rgb(217,213,245)
```
#e7e5f9
```
#e7e5f9 rgb(231,229,249)
```
#f6f5fd
```
#f6f5fd rgb(246,245,253)
```

Tint Color Variation

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

#696778
```
#696778 rgb(105,103,120)
```
#625e81
```
#625e81 rgb(98,94,129)
```
#5b5689
```
#5b5689 rgb(91,86,137)
```
#554d92
```
#554d92 rgb(85,77,146)
```
#4e459a
```
#4e459a rgb(78,69,154)
```
#473ca3
```
#473ca3 rgb(71,60,163)
```
#4134ab
```
#4134ab rgb(65,52,171)
```
#3a2bb4
```
#3a2bb4 rgb(58,43,180)
```
#3322bd
```
#3322bd rgb(51,34,189)
```
#2d1ac5
```
#2d1ac5 rgb(45,26,197)
```
#2611ce
```
#2611ce rgb(38,17,206)
```
#1f09d6
```
#1f09d6 rgb(31,9,214)
```
#1900df
```
#1900df rgb(25,0,223)
```

Tone Color Variation

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

#3f3f3f Achromatopsia 0.005% of the population
#3e3b56 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004c94 Protanopia 1% of men
#005080 Deuteranopia 1% of men
#00565b Tritanopia 0.001% of the population

Trichromacy

#15409f Protanomaly 1% of men, 0.01% of women
#154293 Deuteranomaly 6% of men, 0.4% of women
#15467b Tritanomaly 0.01% of the population

#3a2bb4 hex color

#3a2bb4 Color Information

#3a2bb4 Color Conversion

Color Schemes with #3a2bb4

Alternatives to #3a2bb4

#3a2bb4 Preview

Shades and Tints of #3a2bb4

Tones of #3a2bb4

Color Blindness Simulator