#322ea4 hex color

In a RGB color space, hex #322ea4 is composed of 19.6% red, 18% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 69.5% cyan, 72% magenta, 0% yellow and 35.7% black. It has a hue angle of 242 degrees, a saturation of 56.2% and a lightness of 41.2%. #322ea4 color hex could be obtained by blending #645cff with #000049. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 20
- G 18
- B 64
RGB color chart
- C 70
- M 72
- Y 0
- K 36
CMYK color chart

● #322ea4 color description : Dark blue.

The hexadecimal color #322ea4 has RGB values of R:50, G:46, B:164 and CMYK values of C:0.7, M:0.72, Y:0, K:0.36. Its decimal value is 3288740.

Hex triplet	322ea4	`#322ea4`
RGB Decimal	50, 46, 164	`rgb(50,46,164)`
RGB Percent	19.6, 18, 64.3	`rgb(19.6%,18%,64.3%)`
CMYK	70, 72, 0, 36
HSL	242°, 56.2, 41.2	`hsl(242,56.2%,41.2%)`
HSV (or HSB)	242°, 72, 64.3
Web Safe	333399	`#333399`

CIE-LAB	27.606, 39.873, -62.692
XYZ	8.992, 5.312, 35.671
xyY	0.18, 0.106, 5.312
CIE-LCH	27.606, 74.298, 302.457
CIE-LUV	27.606, -5.037, -80.398
Hunter-Lab	23.048, 29.307, -75.631
Binary	00110010, 00101110, 10100100

#322ea4
```
#322ea4 rgb(50,46,164)
```
#a0a42e
```
#a0a42e rgb(160,164,46)
```

Complementary Color

#2e65a4
```
#2e65a4 rgb(46,101,164)
```
#322ea4
```
#322ea4 rgb(50,46,164)
```
#6d2ea4
```
#6d2ea4 rgb(109,46,164)
```

Analogous Color

#65a42e
```
#65a42e rgb(101,164,46)
```
#322ea4
```
#322ea4 rgb(50,46,164)
```
#a46d2e
```
#a46d2e rgb(164,109,46)
```

Split Complementary Color

#2ea432
```
#2ea432 rgb(46,164,50)
```
#322ea4
```
#322ea4 rgb(50,46,164)
```
#a4322e
```
#a4322e rgb(164,50,46)
```

Triadic Color

#2ea0a4
```
#2ea0a4 rgb(46,160,164)
```
#322ea4
```
#322ea4 rgb(50,46,164)
```
#a4322e
```
#a4322e rgb(164,50,46)
```
#a0a42e
```
#a0a42e rgb(160,164,46)
```

Tetradic Color

#201d68
```
#201d68 rgb(32,29,104)
```
#26237c
```
#26237c rgb(38,35,124)
```
#2c2890
```
#2c2890 rgb(44,40,144)
```
#322ea4
```
#322ea4 rgb(50,46,164)
```
#3834b8
```
#3834b8 rgb(56,52,184)
```
#413dc8
```
#413dc8 rgb(65,61,200)
```
#5550ce
```
#5550ce rgb(85,80,206)
```

Monochromatic Color

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

#2e48a4
```
#2e48a4 rgb(46,72,164)
```
#2e3ea4
```
#2e3ea4 rgb(46,62,164)
```
#2e34a4
```
#2e34a4 rgb(46,52,164)
```
#322ea4
```
#322ea4 rgb(50,46,164)
```
#3c2ea4
```
#3c2ea4 rgb(60,46,164)
```
#462ea4
```
#462ea4 rgb(70,46,164)
```
#4f2ea4
```
#4f2ea4 rgb(79,46,164)
```

Similar Colors

Text with hexadecimal color #322ea4

This text has a font color of #322ea4.

<span style="color:#322ea4;">Text here</span>

#322ea4 background color

This paragraph has a background color of #322ea4.

<p style="background-color:#322ea4;">Content here</p>

#322ea4 border color

This element has a border color of #322ea4.

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

CSS codes

.text {color:#322ea4;}

.background {background-color:#322ea4;}

.border {border:1px solid #322ea4;}

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

#03030b
```
#03030b rgb(3,3,11)
```
#08071a
```
#08071a rgb(8,7,26)
```
#0d0c29
```
#0d0c29 rgb(13,12,41)
```
#111039
```
#111039 rgb(17,16,57)
```
#161448
```
#161448 rgb(22,20,72)
```
#1b1957
```
#1b1957 rgb(27,25,87)
```
#1f1d67
```
#1f1d67 rgb(31,29,103)
```
#242176
```
#242176 rgb(36,33,118)
```
#292585
```
#292585 rgb(41,37,133)
```
#2d2a95
```
#2d2a95 rgb(45,42,149)
```
#322ea4
```
#322ea4 rgb(50,46,164)
```
#3732b3
```
#3732b3 rgb(55,50,179)
```
#3b37c3
```
#3b37c3 rgb(59,55,195)
```

Shade Color Variation

#4743ca
```
#4743ca rgb(71,67,202)
```
#5652ce
```
#5652ce rgb(86,82,206)
```
#6561d3
```
#6561d3 rgb(101,97,211)
```
#7471d7
```
#7471d7 rgb(116,113,215)
```
#8380db
```
#8380db rgb(131,128,219)
```
#928fe0
```
#928fe0 rgb(146,143,224)
```
#a19fe4
```
#a19fe4 rgb(161,159,228)
```
#b0aee8
```
#b0aee8 rgb(176,174,232)
```
#bfbded
```
#bfbded rgb(191,189,237)
```
#cecdf1
```
#cecdf1 rgb(206,205,241)
```
#dddcf5
```
#dddcf5 rgb(221,220,245)
```
#ecebf9
```
#ecebf9 rgb(236,235,249)
```
#fbfafe
```
#fbfafe rgb(251,250,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #67676b is the less saturated color, while #0c06cc is the most saturated one.

#67676b
```
#67676b rgb(103,103,107)
```
#5f5e74
```
#5f5e74 rgb(95,94,116)
```
#58567c
```
#58567c rgb(88,86,124)
```
#504e84
```
#504e84 rgb(80,78,132)
```
#49468c
```
#49468c rgb(73,70,140)
```
#413e94
```
#413e94 rgb(65,62,148)
```
#3a369c
```
#3a369c rgb(58,54,156)
```
#322ea4
```
#322ea4 rgb(50,46,164)
```
#2a26ac
```
#2a26ac rgb(42,38,172)
```
#231eb4
```
#231eb4 rgb(35,30,180)
```
#1b16bc
```
#1b16bc rgb(27,22,188)
```
#140ec4
```
#140ec4 rgb(20,14,196)
```
#0c06cc
```
#0c06cc rgb(12,6,204)
```

Tone Color Variation

Below, you can see how #322ea4 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

#3d3d3d Achromatopsia 0.005% of the population
#3b3a52 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00488d Protanopia 1% of men
#004d7b Deuteranopia 1% of men
#005257 Tritanopia 0.001% of the population

Trichromacy

#123f95 Protanomaly 1% of men, 0.01% of women
#12418a Deuteranomaly 6% of men, 0.4% of women
#124573 Tritanomaly 0.01% of the population

#322ea4 hex color

#322ea4 Color Information

#322ea4 Color Conversion

Color Schemes with #322ea4

Alternatives to #322ea4

#322ea4 Preview

Shades and Tints of #322ea4

Tones of #322ea4

Color Blindness Simulator