#3222af hex color

In a RGB color space, hex #3222af is composed of 19.6% red, 13.3% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 71.4% cyan, 80.6% magenta, 0% yellow and 31.4% black. It has a hue angle of 246.8 degrees, a saturation of 67.5% and a lightness of 41%. #3222af color hex could be obtained by blending #6444ff with #00005f. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 20
- G 13
- B 69
RGB color chart
- C 71
- M 81
- Y 0
- K 31
CMYK color chart

● #3222af color description : Dark blue.

The hexadecimal color #3222af has RGB values of R:50, G:34, B:175 and CMYK values of C:0.71, M:0.81, Y:0, K:0.31. Its decimal value is 3285679.

Hex triplet	3222af	`#3222af`
RGB Decimal	50, 34, 175	`rgb(50,34,175)`
RGB Percent	19.6, 13.3, 68.6	`rgb(19.6%,13.3%,68.6%)`
CMYK	71, 81, 0, 31
HSL	246.8°, 67.5, 41	`hsl(246.8,67.5%,41%)`
HSV (or HSB)	246.8°, 80.6, 68.6
Web Safe	333399	`#333399`

CIE-LAB	26.496, 49.87, -71.15
XYZ	9.624, 4.917, 40.997
xyY	0.173, 0.089, 4.917
CIE-LCH	26.496, 86.887, 305.027
CIE-LUV	26.496, -3.893, -87.459
Hunter-Lab	22.174, 38.667, -94.099
Binary	00110010, 00100010, 10101111

#3222af
```
#3222af rgb(50,34,175)
```
#9faf22
```
#9faf22 rgb(159,175,34)
```

Complementary Color

#2259af
```
#2259af rgb(34,89,175)
```
#3222af
```
#3222af rgb(50,34,175)
```
#7922af
```
#7922af rgb(121,34,175)
```

Analogous Color

#59af22
```
#59af22 rgb(89,175,34)
```
#3222af
```
#3222af rgb(50,34,175)
```
#af7922
```
#af7922 rgb(175,121,34)
```

Split Complementary Color

#22af32
```
#22af32 rgb(34,175,50)
```
#3222af
```
#3222af rgb(50,34,175)
```
#af3222
```
#af3222 rgb(175,50,34)
```

Triadic Color

#229faf
```
#229faf rgb(34,159,175)
```
#3222af
```
#3222af rgb(50,34,175)
```
#af3222
```
#af3222 rgb(175,50,34)
```
#9faf22
```
#9faf22 rgb(159,175,34)
```

Tetradic Color

#20166f
```
#20166f rgb(32,22,111)
```
#261a84
```
#261a84 rgb(38,26,132)
```
#2c1e9a
```
#2c1e9a rgb(44,30,154)
```
#3222af
```
#3222af rgb(50,34,175)
```
#3826c4
```
#3826c4 rgb(56,38,196)
```
#412ed6
```
#412ed6 rgb(65,46,214)
```
#5443da
```
#5443da rgb(84,67,218)
```

Monochromatic Color

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

#2235af
```
#2235af rgb(34,53,175)
```
#222aaf
```
#222aaf rgb(34,42,175)
```
#2622af
```
#2622af rgb(38,34,175)
```
#3222af
```
#3222af rgb(50,34,175)
```
#3e22af
```
#3e22af rgb(62,34,175)
```
#4922af
```
#4922af rgb(73,34,175)
```
#5522af
```
#5522af rgb(85,34,175)
```

Similar Colors

Text with hexadecimal color #3222af

This text has a font color of #3222af.

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

#3222af background color

This paragraph has a background color of #3222af.

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

#3222af border color

This element has a border color of #3222af.

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

CSS codes

.text {color:#3222af;}

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

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

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 #faf9fe is the lightest one.

#03020b
```
#03020b rgb(3,2,11)
```
#08051b
```
#08051b rgb(8,5,27)
```
#0c082c
```
#0c082c rgb(12,8,44)
```
#110c3c
```
#110c3c rgb(17,12,60)
```
#160f4c
```
#160f4c rgb(22,15,76)
```
#1b125d
```
#1b125d rgb(27,18,93)
```
#1f156d
```
#1f156d rgb(31,21,109)
```
#24187e
```
#24187e rgb(36,24,126)
```
#291c8e
```
#291c8e rgb(41,28,142)
```
#2d1f9f
```
#2d1f9f rgb(45,31,159)
```
#3222af
```
#3222af rgb(50,34,175)
```
#3725bf
```
#3725bf rgb(55,37,191)
```
#3b28d0
```
#3b28d0 rgb(59,40,208)
```

Shade Color Variation

#4734d8
```
#4734d8 rgb(71,52,216)
```
#5645db
```
#5645db rgb(86,69,219)
```
#6555de
```
#6555de rgb(101,85,222)
```
#7466e1
```
#7466e1 rgb(116,102,225)
```
#8276e4
```
#8276e4 rgb(130,118,228)
```
#9186e8
```
#9186e8 rgb(145,134,232)
```
#a097eb
```
#a097eb rgb(160,151,235)
```
#afa7ee
```
#afa7ee rgb(175,167,238)
```
#beb8f1
```
#beb8f1 rgb(190,184,241)
```
#cdc8f4
```
#cdc8f4 rgb(205,200,244)
```
#dcd8f8
```
#dcd8f8 rgb(220,216,248)
```
#ebe9fb
```
#ebe9fb rgb(235,233,251)
```
#faf9fe
```
#faf9fe rgb(250,249,254)
```

Tint Color Variation

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

#64626f
```
#64626f rgb(100,98,111)
```
#5d5a77
```
#5d5a77 rgb(93,90,119)
```
#57527f
```
#57527f rgb(87,82,127)
```
#514a87
```
#514a87 rgb(81,74,135)
```
#4b428f
```
#4b428f rgb(75,66,143)
```
#453a97
```
#453a97 rgb(69,58,151)
```
#3e329f
```
#3e329f rgb(62,50,159)
```
#382aa7
```
#382aa7 rgb(56,42,167)
```
#3222af
```
#3222af rgb(50,34,175)
```
#2c1ab7
```
#2c1ab7 rgb(44,26,183)
```
#2612bf
```
#2612bf rgb(38,18,191)
```
#1f0ac7
```
#1f0ac7 rgb(31,10,199)
```
#1902cf
```
#1902cf rgb(25,2,207)
```

Tone Color Variation

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

#004689 Protanopia 1% of men
#004a76 Deuteranopia 1% of men
#004f54 Tritanopia 0.001% of the population

Trichromacy

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

#3222af hex color

#3222af Color Information

#3222af Color Conversion

Color Schemes with #3222af

Alternatives to #3222af

#3222af Preview

Shades and Tints of #3222af

Tones of #3222af

Color Blindness Simulator