#3222ae hex color

In a RGB color space, hex #3222ae is composed of 19.6% red, 13.3% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 71.3% cyan, 80.5% magenta, 0% yellow and 31.8% black. It has a hue angle of 246.9 degrees, a saturation of 67.3% and a lightness of 40.8%. #3222ae color hex could be obtained by blending #6444ff with #00005d. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 20
- G 13
- B 68
RGB color chart
- C 71
- M 80
- Y 0
- K 32
CMYK color chart

● #3222ae color description : Dark blue.

The hexadecimal color #3222ae has RGB values of R:50, G:34, B:174 and CMYK values of C:0.71, M:0.8, Y:0, K:0.32. Its decimal value is 3285678.

Hex triplet	3222ae	`#3222ae`
RGB Decimal	50, 34, 174	`rgb(50,34,174)`
RGB Percent	19.6, 13.3, 68.2	`rgb(19.6%,13.3%,68.2%)`
CMYK	71, 80, 0, 32
HSL	246.9°, 67.3, 40.8	`hsl(246.9,67.3%,40.8%)`
HSV (or HSB)	246.9°, 80.5, 68.2
Web Safe	333399	`#333399`

CIE-LAB	26.383, 49.565, -70.737
XYZ	9.526, 4.878, 40.482
xyY	0.174, 0.089, 4.878
CIE-LCH	26.383, 86.374, 305.019
CIE-LUV	26.383, -3.835, -86.874
Hunter-Lab	22.085, 38.341, -93.216
Binary	00110010, 00100010, 10101110

#3222ae
```
#3222ae rgb(50,34,174)
```
#9eae22
```
#9eae22 rgb(158,174,34)
```

Complementary Color

#2258ae
```
#2258ae rgb(34,88,174)
```
#3222ae
```
#3222ae rgb(50,34,174)
```
#7822ae
```
#7822ae rgb(120,34,174)
```

Analogous Color

#58ae22
```
#58ae22 rgb(88,174,34)
```
#3222ae
```
#3222ae rgb(50,34,174)
```
#ae7822
```
#ae7822 rgb(174,120,34)
```

Split Complementary Color

#22ae32
```
#22ae32 rgb(34,174,50)
```
#3222ae
```
#3222ae rgb(50,34,174)
```
#ae3222
```
#ae3222 rgb(174,50,34)
```

Triadic Color

#229eae
```
#229eae rgb(34,158,174)
```
#3222ae
```
#3222ae rgb(50,34,174)
```
#ae3222
```
#ae3222 rgb(174,50,34)
```
#9eae22
```
#9eae22 rgb(158,174,34)
```

Tetradic Color

#20156e
```
#20156e rgb(32,21,110)
```
#261a83
```
#261a83 rgb(38,26,131)
```
#2c1e99
```
#2c1e99 rgb(44,30,153)
```
#3222ae
```
#3222ae rgb(50,34,174)
```
#3826c3
```
#3826c3 rgb(56,38,195)
```
#402dd6
```
#402dd6 rgb(64,45,214)
```
#5442da
```
#5442da rgb(84,66,218)
```

Monochromatic Color

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

#2235ae
```
#2235ae rgb(34,53,174)
```
#2229ae
```
#2229ae rgb(34,41,174)
```
#2622ae
```
#2622ae rgb(38,34,174)
```
#3222ae
```
#3222ae rgb(50,34,174)
```
#3e22ae
```
#3e22ae rgb(62,34,174)
```
#4922ae
```
#4922ae rgb(73,34,174)
```
#5522ae
```
#5522ae rgb(85,34,174)
```

Similar Colors

Text with hexadecimal color #3222ae

This text has a font color of #3222ae.

<span style="color:#3222ae;">Text here</span>

#3222ae background color

This paragraph has a background color of #3222ae.

<p style="background-color:#3222ae;">Content here</p>

#3222ae border color

This element has a border color of #3222ae.

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

CSS codes

.text {color:#3222ae;}

.background {background-color:#3222ae;}

.border {border:1px solid #3222ae;}

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

#03020a
```
#03020a rgb(3,2,10)
```
#08051a
```
#08051a rgb(8,5,26)
```
#0c082b
```
#0c082b rgb(12,8,43)
```
#110c3b
```
#110c3b rgb(17,12,59)
```
#160f4c
```
#160f4c rgb(22,15,76)
```
#1a125c
```
#1a125c rgb(26,18,92)
```
#1f156c
```
#1f156c rgb(31,21,108)
```
#24187d
```
#24187d rgb(36,24,125)
```
#291c8d
```
#291c8d rgb(41,28,141)
```
#2d1f9e
```
#2d1f9e rgb(45,31,158)
```
#3222ae
```
#3222ae rgb(50,34,174)
```
#3725be
```
#3725be rgb(55,37,190)
```
#3b28cf
```
#3b28cf rgb(59,40,207)
```

Shade Color Variation

#4634d7
```
#4634d7 rgb(70,52,215)
```
#5544da
```
#5544da rgb(85,68,218)
```
#6454de
```
#6454de rgb(100,84,222)
```
#7365e1
```
#7365e1 rgb(115,101,225)
```
#8275e4
```
#8275e4 rgb(130,117,228)
```
#9186e7
```
#9186e7 rgb(145,134,231)
```
#a096ea
```
#a096ea rgb(160,150,234)
```
#afa6ee
```
#afa6ee rgb(175,166,238)
```
#bdb7f1
```
#bdb7f1 rgb(189,183,241)
```
#ccc7f4
```
#ccc7f4 rgb(204,199,244)
```
#dbd8f7
```
#dbd8f7 rgb(219,216,247)
```
#eae8fb
```
#eae8fb rgb(234,232,251)
```
#f9f9fe
```
#f9f9fe rgb(249,249,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #63626e is the less saturated color, while #1902ce is the most saturated one.

#63626e
```
#63626e rgb(99,98,110)
```
#5d5a76
```
#5d5a76 rgb(93,90,118)
```
#57527e
```
#57527e rgb(87,82,126)
```
#514a86
```
#514a86 rgb(81,74,134)
```
#4b428e
```
#4b428e rgb(75,66,142)
```
#453a96
```
#453a96 rgb(69,58,150)
```
#3e329e
```
#3e329e rgb(62,50,158)
```
#382aa6
```
#382aa6 rgb(56,42,166)
```
#3222ae
```
#3222ae rgb(50,34,174)
```
#2c1ab6
```
#2c1ab6 rgb(44,26,182)
```
#2612be
```
#2612be rgb(38,18,190)
```
#1f0ac6
```
#1f0ac6 rgb(31,10,198)
```
#1902ce
```
#1902ce rgb(25,2,206)
```

Tone Color Variation

Below, you can see how #3222ae 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

#373737 Achromatopsia 0.005% of the population
#36334f Atypical Achromatopsia 0.001% of the population

Dichromacy

#004688 Protanopia 1% of men
#004a76 Deuteranopia 1% of men
#004f53 Tritanopia 0.001% of the population

Trichromacy

#123996 Protanomaly 1% of men, 0.01% of women
#123b8a Deuteranomaly 6% of men, 0.4% of women
#123f74 Tritanomaly 0.01% of the population

#3222ae hex color

#3222ae Color Information

#3222ae Color Conversion

Color Schemes with #3222ae

Alternatives to #3222ae

#3222ae Preview

Shades and Tints of #3222ae

Tones of #3222ae

Color Blindness Simulator