#2f22ae hex color

In a RGB color space, hex #2f22ae is composed of 18.4% red, 13.3% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 73% cyan, 80.5% magenta, 0% yellow and 31.8% black. It has a hue angle of 245.6 degrees, a saturation of 67.3% and a lightness of 40.8%. #2f22ae color hex could be obtained by blending #5e44ff with #00005d. Closest websafe color is: #333399.

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

● #2f22ae color description : Dark blue.

The hexadecimal color #2f22ae has RGB values of R:47, G:34, B:174 and CMYK values of C:0.73, M:0.8, Y:0, K:0.32. Its decimal value is 3089070.

Hex triplet	2f22ae	`#2f22ae`
RGB Decimal	47, 34, 174	`rgb(47,34,174)`
RGB Percent	18.4, 13.3, 68.2	`rgb(18.4%,13.3%,68.2%)`
CMYK	73, 80, 0, 32
HSL	245.6°, 67.3, 40.8	`hsl(245.6,67.3%,40.8%)`
HSV (or HSB)	245.6°, 80.5, 68.2
Web Safe	333399	`#333399`

CIE-LAB	26.169, 49.322, -71.1
XYZ	9.383, 4.804, 40.475
xyY	0.172, 0.088, 4.804
CIE-LCH	26.169, 86.533, 304.749
CIE-LUV	26.169, -4.366, -86.822
Hunter-Lab	21.918, 38.058, -94.147
Binary	00101111, 00100010, 10101110

#2f22ae
```
#2f22ae rgb(47,34,174)
```
#a1ae22
```
#a1ae22 rgb(161,174,34)
```

Complementary Color

#225bae
```
#225bae rgb(34,91,174)
```
#2f22ae
```
#2f22ae rgb(47,34,174)
```
#7522ae
```
#7522ae rgb(117,34,174)
```

Analogous Color

#5bae22
```
#5bae22 rgb(91,174,34)
```
#2f22ae
```
#2f22ae rgb(47,34,174)
```
#ae7522
```
#ae7522 rgb(174,117,34)
```

Split Complementary Color

#22ae2f
```
#22ae2f rgb(34,174,47)
```
#2f22ae
```
#2f22ae rgb(47,34,174)
```
#ae2f22
```
#ae2f22 rgb(174,47,34)
```

Triadic Color

#22a1ae
```
#22a1ae rgb(34,161,174)
```
#2f22ae
```
#2f22ae rgb(47,34,174)
```
#ae2f22
```
#ae2f22 rgb(174,47,34)
```
#a1ae22
```
#a1ae22 rgb(161,174,34)
```

Tetradic Color

#1e156e
```
#1e156e rgb(30,21,110)
```
#231a83
```
#231a83 rgb(35,26,131)
```
#291e99
```
#291e99 rgb(41,30,153)
```
#2f22ae
```
#2f22ae rgb(47,34,174)
```
#3526c3
```
#3526c3 rgb(53,38,195)
```
#3d2dd6
```
#3d2dd6 rgb(61,45,214)
```
#5042da
```
#5042da rgb(80,66,218)
```

Monochromatic Color

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

#2238ae
```
#2238ae rgb(34,56,174)
```
#222cae
```
#222cae rgb(34,44,174)
```
#2322ae
```
#2322ae rgb(35,34,174)
```
#2f22ae
```
#2f22ae rgb(47,34,174)
```
#3b22ae
```
#3b22ae rgb(59,34,174)
```
#4622ae
```
#4622ae rgb(70,34,174)
```
#5222ae
```
#5222ae rgb(82,34,174)
```

Similar Colors

Text with hexadecimal color #2f22ae

This text has a font color of #2f22ae.

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

#2f22ae background color

This paragraph has a background color of #2f22ae.

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

#2f22ae border color

This element has a border color of #2f22ae.

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

CSS codes

.text {color:#2f22ae;}

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

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

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)
```
#07051a
```
#07051a rgb(7,5,26)
```
#0c082b
```
#0c082b rgb(12,8,43)
```
#100c3b
```
#100c3b rgb(16,12,59)
```
#140f4c
```
#140f4c rgb(20,15,76)
```
#19125c
```
#19125c rgb(25,18,92)
```
#1d156c
```
#1d156c rgb(29,21,108)
```
#22187d
```
#22187d rgb(34,24,125)
```
#261c8d
```
#261c8d rgb(38,28,141)
```
#2b1f9e
```
#2b1f9e rgb(43,31,158)
```
#2f22ae
```
#2f22ae rgb(47,34,174)
```
#3325be
```
#3325be rgb(51,37,190)
```
#3828cf
```
#3828cf rgb(56,40,207)
```

Shade Color Variation

#4334d7
```
#4334d7 rgb(67,52,215)
```
#5244da
```
#5244da rgb(82,68,218)
```
#6154de
```
#6154de rgb(97,84,222)
```
#7065e1
```
#7065e1 rgb(112,101,225)
```
#8075e4
```
#8075e4 rgb(128,117,228)
```
#8f86e7
```
#8f86e7 rgb(143,134,231)
```
#9e96ea
```
#9e96ea rgb(158,150,234)
```
#ada6ee
```
#ada6ee rgb(173,166,238)
```
#bcb7f1
```
#bcb7f1 rgb(188,183,241)
```
#cbc7f4
```
#cbc7f4 rgb(203,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 #1502ce is the most saturated one.

#63626e
```
#63626e rgb(99,98,110)
```
#5d5a76
```
#5d5a76 rgb(93,90,118)
```
#56527e
```
#56527e rgb(86,82,126)
```
#504a86
```
#504a86 rgb(80,74,134)
```
#49428e
```
#49428e rgb(73,66,142)
```
#433a96
```
#433a96 rgb(67,58,150)
```
#3c329e
```
#3c329e rgb(60,50,158)
```
#362aa6
```
#362aa6 rgb(54,42,166)
```
#2f22ae
```
#2f22ae rgb(47,34,174)
```
#281ab6
```
#281ab6 rgb(40,26,182)
```
#2212be
```
#2212be rgb(34,18,190)
```
#1b0ac6
```
#1b0ac6 rgb(27,10,198)
```
#1502ce
```
#1502ce rgb(21,2,206)
```

Tone Color Variation

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

#363636 Achromatopsia 0.005% of the population
#35324e Atypical Achromatopsia 0.001% of the population

Dichromacy

#004587 Protanopia 1% of men
#004a75 Deuteranopia 1% of men
#004f53 Tritanopia 0.001% of the population

Trichromacy

#113895 Protanomaly 1% of men, 0.01% of women
#113b8a Deuteranomaly 6% of men, 0.4% of women
#113e74 Tritanomaly 0.01% of the population

#2f22ae hex color

#2f22ae Color Information

#2f22ae Color Conversion

Color Schemes with #2f22ae

Alternatives to #2f22ae

#2f22ae Preview

Shades and Tints of #2f22ae

Tones of #2f22ae

Color Blindness Simulator