#31226e hex color

In a RGB color space, hex #31226e is composed of 19.2% red, 13.3% green and 43.1% blue. Whereas in a CMYK color space, it is composed of 55.5% cyan, 69.1% magenta, 0% yellow and 56.9% black. It has a hue angle of 251.8 degrees, a saturation of 52.8% and a lightness of 28.2%. #31226e color hex could be obtained by blending #6244dc with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 19
- G 13
- B 43
RGB color chart
- C 55
- M 69
- Y 0
- K 57
CMYK color chart

● #31226e color description : Very dark blue.

The hexadecimal color #31226e has RGB values of R:49, G:34, B:110 and CMYK values of C:0.55, M:0.69, Y:0, K:0.57. Its decimal value is 3220078.

Hex triplet	31226e	`#31226e`
RGB Decimal	49, 34, 110	`rgb(49,34,110)`
RGB Percent	19.2, 13.3, 43.1	`rgb(19.2%,13.3%,43.1%)`
CMYK	55, 69, 0, 57
HSL	251.8°, 52.8, 28.2	`hsl(251.8,52.8%,28.2%)`
HSV (or HSB)	251.8°, 69.1, 43.1
Web Safe	333366	`#333366`

CIE-LAB	19.732, 28.888, -41.848
XYZ	4.653, 2.923, 15.07
xyY	0.205, 0.129, 2.923
CIE-LCH	19.732, 50.85, 304.618
CIE-LUV	19.732, 0.198, -48.126
Hunter-Lab	17.096, 18.661, -40.297
Binary	00110001, 00100010, 01101110

#31226e
```
#31226e rgb(49,34,110)
```
#5f6e22
```
#5f6e22 rgb(95,110,34)
```

Complementary Color

#22396e
```
#22396e rgb(34,57,110)
```
#31226e
```
#31226e rgb(49,34,110)
```
#57226e
```
#57226e rgb(87,34,110)
```

Analogous Color

#396e22
```
#396e22 rgb(57,110,34)
```
#31226e
```
#31226e rgb(49,34,110)
```
#6e5722
```
#6e5722 rgb(110,87,34)
```

Split Complementary Color

#226e31
```
#226e31 rgb(34,110,49)
```
#31226e
```
#31226e rgb(49,34,110)
```
#6e3122
```
#6e3122 rgb(110,49,34)
```

Triadic Color

#225f6e
```
#225f6e rgb(34,95,110)
```
#31226e
```
#31226e rgb(49,34,110)
```
#6e3122
```
#6e3122 rgb(110,49,34)
```
#5f6e22
```
#5f6e22 rgb(95,110,34)
```

Tetradic Color

#171034
```
#171034 rgb(23,16,52)
```
#201647
```
#201647 rgb(32,22,71)
```
#281c5b
```
#281c5b rgb(40,28,91)
```
#31226e
```
#31226e rgb(49,34,110)
```
#3a2881
```
#3a2881 rgb(58,40,129)
```
#422e95
```
#422e95 rgb(66,46,149)
```
#4b34a8
```
#4b34a8 rgb(75,52,168)
```

Monochromatic Color

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

#22266e
```
#22266e rgb(34,38,110)
```
#24226e
```
#24226e rgb(36,34,110)
```
#2b226e
```
#2b226e rgb(43,34,110)
```
#31226e
```
#31226e rgb(49,34,110)
```
#37226e
```
#37226e rgb(55,34,110)
```
#3e226e
```
#3e226e rgb(62,34,110)
```
#44226e
```
#44226e rgb(68,34,110)
```

Similar Colors

Text with hexadecimal color #31226e

This text has a font color of #31226e.

<span style="color:#31226e;">Text here</span>

#31226e background color

This paragraph has a background color of #31226e.

<p style="background-color:#31226e;">Content here</p>

#31226e border color

This element has a border color of #31226e.

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

CSS codes

.text {color:#31226e;}

.background {background-color:#31226e;}

.border {border:1px solid #31226e;}

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

#020205
```
#020205 rgb(2,2,5)
```
#090614
```
#090614 rgb(9,6,20)
```
#100b23
```
#100b23 rgb(16,11,35)
```
#160f32
```
#160f32 rgb(22,15,50)
```
#1d1441
```
#1d1441 rgb(29,20,65)
```
#241950
```
#241950 rgb(36,25,80)
```
#2a1d5f
```
#2a1d5f rgb(42,29,95)
```
#31226e
```
#31226e rgb(49,34,110)
```
#38277d
```
#38277d rgb(56,39,125)
```
#3e2b8c
```
#3e2b8c rgb(62,43,140)
```
#45309b
```
#45309b rgb(69,48,155)
```
#4c35aa
```
#4c35aa rgb(76,53,170)
```
#5239b9
```
#5239b9 rgb(82,57,185)
```

Shade Color Variation

#5b41c4
```
#5b41c4 rgb(91,65,196)
```
#6850c9
```
#6850c9 rgb(104,80,201)
```
#755fce
```
#755fce rgb(117,95,206)
```
#826ed2
```
#826ed2 rgb(130,110,210)
```
#8f7dd7
```
#8f7dd7 rgb(143,125,215)
```
#9c8cdc
```
#9c8cdc rgb(156,140,220)
```
#a99be0
```
#a99be0 rgb(169,155,224)
```
#b6aae5
```
#b6aae5 rgb(182,170,229)
```
#c3b9e9
```
#c3b9e9 rgb(195,185,233)
```
#d0c8ee
```
#d0c8ee rgb(208,200,238)
```
#ddd7f3
```
#ddd7f3 rgb(221,215,243)
```
#eae6f7
```
#eae6f7 rgb(234,230,247)
```
#f6f5fc
```
#f6f5fc rgb(246,245,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #45434d is the less saturated color, while #1d018f is the most saturated one.

#45434d
```
#45434d rgb(69,67,77)
```
#423e52
```
#423e52 rgb(66,62,82)
```
#3e3858
```
#3e3858 rgb(62,56,88)
```
#3b335d
```
#3b335d rgb(59,51,93)
```
#382d63
```
#382d63 rgb(56,45,99)
```
#342868
```
#342868 rgb(52,40,104)
```
#31226e
```
#31226e rgb(49,34,110)
```
#2e1c74
```
#2e1c74 rgb(46,28,116)
```
#2a1779
```
#2a1779 rgb(42,23,121)
```
#27117f
```
#27117f rgb(39,17,127)
```
#240c84
```
#240c84 rgb(36,12,132)
```
#20068a
```
#20068a rgb(32,6,138)
```
#1d018f
```
#1d018f rgb(29,1,143)
```

Tone Color Variation

Below, you can see how #31226e 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

#2f2f2f Achromatopsia 0.005% of the population
#2f2c3c Atypical Achromatopsia 0.001% of the population

Dichromacy

#00386e Protanopia 1% of men
#003b61 Deuteranopia 1% of men
#253e42 Tritanopia 0.001% of the population

Trichromacy

#11306e Protanomaly 1% of men, 0.01% of women
#113265 Deuteranomaly 6% of men, 0.4% of women
#293352 Tritanomaly 0.01% of the population

#31226e hex color

#31226e Color Information

#31226e Color Conversion

Color Schemes with #31226e

Alternatives to #31226e

#31226e Preview

Shades and Tints of #31226e

Tones of #31226e

Color Blindness Simulator