#2a2196 hex color

In a RGB color space, hex #2a2196 is composed of 16.5% red, 12.9% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 72% cyan, 78% magenta, 0% yellow and 41.2% black. It has a hue angle of 244.6 degrees, a saturation of 63.9% and a lightness of 35.9%. #2a2196 color hex could be obtained by blending #5442ff with #00002d. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 16
- G 13
- B 59
RGB color chart
- C 72
- M 78
- Y 0
- K 41
CMYK color chart

● #2a2196 color description : Dark blue.

The hexadecimal color #2a2196 has RGB values of R:42, G:33, B:150 and CMYK values of C:0.72, M:0.78, Y:0, K:0.41. Its decimal value is 2761110.

Hex triplet	2a2196	`#2a2196`
RGB Decimal	42, 33, 150	`rgb(42,33,150)`
RGB Percent	16.5, 12.9, 58.8	`rgb(16.5%,12.9%,58.8%)`
CMYK	72, 78, 0, 41
HSL	244.6°, 63.9, 35.9	`hsl(244.6,63.9%,35.9%)`
HSV (or HSB)	244.6°, 78, 58.8
Web Safe	333399	`#333399`

CIE-LAB	22.936, 41.783, -61.864
XYZ	7.003, 3.782, 29.213
xyY	0.175, 0.095, 3.782
CIE-LCH	22.936, 74.652, 304.035
CIE-LUV	22.936, -3.813, -72.6
Hunter-Lab	19.446, 30.247, -75.456
Binary	00101010, 00100001, 10010110

#2a2196
```
#2a2196 rgb(42,33,150)
```
#8d9621
```
#8d9621 rgb(141,150,33)
```

Complementary Color

#215396
```
#215396 rgb(33,83,150)
```
#2a2196
```
#2a2196 rgb(42,33,150)
```
#652196
```
#652196 rgb(101,33,150)
```

Analogous Color

#539621
```
#539621 rgb(83,150,33)
```
#2a2196
```
#2a2196 rgb(42,33,150)
```
#966521
```
#966521 rgb(150,101,33)
```

Split Complementary Color

#21962a
```
#21962a rgb(33,150,42)
```
#2a2196
```
#2a2196 rgb(42,33,150)
```
#962a21
```
#962a21 rgb(150,42,33)
```

Triadic Color

#218d96
```
#218d96 rgb(33,141,150)
```
#2a2196
```
#2a2196 rgb(42,33,150)
```
#962a21
```
#962a21 rgb(150,42,33)
```
#8d9621
```
#8d9621 rgb(141,150,33)
```

Tetradic Color

#181357
```
#181357 rgb(24,19,87)
```
#1e186c
```
#1e186c rgb(30,24,108)
```
#241c81
```
#241c81 rgb(36,28,129)
```
#2a2196
```
#2a2196 rgb(42,33,150)
```
#3026ab
```
#3026ab rgb(48,38,171)
```
#362ac0
```
#362ac0 rgb(54,42,192)
```
#3e32d2
```
#3e32d2 rgb(62,50,210)
```

Monochromatic Color

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

#213596
```
#213596 rgb(33,53,150)
```
#212c96
```
#212c96 rgb(33,44,150)
```
#212296
```
#212296 rgb(33,34,150)
```
#2a2196
```
#2a2196 rgb(42,33,150)
```
#342196
```
#342196 rgb(52,33,150)
```
#3d2196
```
#3d2196 rgb(61,33,150)
```
#472196
```
#472196 rgb(71,33,150)
```

Similar Colors

Text with hexadecimal color #2a2196

This text has a font color of #2a2196.

<span style="color:#2a2196;">Text here</span>

#2a2196 background color

This paragraph has a background color of #2a2196.

<p style="background-color:#2a2196;">Content here</p>

#2a2196 border color

This element has a border color of #2a2196.

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

CSS codes

.text {color:#2a2196;}

.background {background-color:#2a2196;}

.border {border:1px solid #2a2196;}

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

#010105
```
#010105 rgb(1,1,5)
```
#060515
```
#060515 rgb(6,5,21)
```
#0a0825
```
#0a0825 rgb(10,8,37)
```
#0f0c36
```
#0f0c36 rgb(15,12,54)
```
#130f46
```
#130f46 rgb(19,15,70)
```
#181356
```
#181356 rgb(24,19,86)
```
#1c1666
```
#1c1666 rgb(28,22,102)
```
#211a76
```
#211a76 rgb(33,26,118)
```
#251d86
```
#251d86 rgb(37,29,134)
```
#2a2196
```
#2a2196 rgb(42,33,150)
```
#2f25a6
```
#2f25a6 rgb(47,37,166)
```
#3328b6
```
#3328b6 rgb(51,40,182)
```
#382cc6
```
#382cc6 rgb(56,44,198)
```

Shade Color Variation

#4033d2
```
#4033d2 rgb(64,51,210)
```
#4f43d6
```
#4f43d6 rgb(79,67,214)
```
#5e53d9
```
#5e53d9 rgb(94,83,217)
```
#6d64dd
```
#6d64dd rgb(109,100,221)
```
#7c74e0
```
#7c74e0 rgb(124,116,224)
```
#8b84e4
```
#8b84e4 rgb(139,132,228)
```
#9a94e7
```
#9a94e7 rgb(154,148,231)
```
#a9a4eb
```
#a9a4eb rgb(169,164,235)
```
#b8b4ee
```
#b8b4ee rgb(184,180,238)
```
#c8c4f2
```
#c8c4f2 rgb(200,196,242)
```
#d7d4f6
```
#d7d4f6 rgb(215,212,246)
```
#e6e4f9
```
#e6e4f9 rgb(230,228,249)
```
#f5f4fd
```
#f5f4fd rgb(245,244,253)
```

Tint Color Variation

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

#5a595e
```
#5a595e rgb(90,89,94)
```
#545265
```
#545265 rgb(84,82,101)
```
#4e4b6c
```
#4e4b6c rgb(78,75,108)
```
#484473
```
#484473 rgb(72,68,115)
```
#423d7a
```
#423d7a rgb(66,61,122)
```
#3c3681
```
#3c3681 rgb(60,54,129)
```
#362f88
```
#362f88 rgb(54,47,136)
```
#30288f
```
#30288f rgb(48,40,143)
```
#2a2196
```
#2a2196 rgb(42,33,150)
```
#241a9d
```
#241a9d rgb(36,26,157)
```
#1e13a4
```
#1e13a4 rgb(30,19,164)
```
#180cab
```
#180cab rgb(24,12,171)
```
#1205b2
```
#1205b2 rgb(18,5,178)
```

Tone Color Variation

Below, you can see how #2a2196 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

#313131 Achromatopsia 0.005% of the population
#302e45 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003f7b Protanopia 1% of men
#00426a Deuteranopia 1% of men
#00474b Tritanopia 0.001% of the population

Trichromacy

#0f3484 Protanomaly 1% of men, 0.01% of women
#0f367a Deuteranomaly 6% of men, 0.4% of women
#0f3966 Tritanomaly 0.01% of the population

#2a2196 hex color

#2a2196 Color Information

#2a2196 Color Conversion

Color Schemes with #2a2196

Alternatives to #2a2196

#2a2196 Preview

Shades and Tints of #2a2196

Tones of #2a2196

Color Blindness Simulator