#031222 hex color

In a RGB color space, hex #031222 is composed of 1.2% red, 7.1% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 91.2% cyan, 47.1% magenta, 0% yellow and 86.7% black. It has a hue angle of 211 degrees, a saturation of 83.8% and a lightness of 7.3%. #031222 color hex could be obtained by blending #062444 with #000000. Closest websafe color is: #000033.

♥
- f
- t
- g
- R 1
- G 7
- B 13
RGB color chart
- C 91
- M 47
- Y 0
- K 87
CMYK color chart

● #031222 color description : Very dark (mostly black) blue.

The hexadecimal color #031222 has RGB values of R:3, G:18, B:34 and CMYK values of C:0.91, M:0.47, Y:0, K:0.87. Its decimal value is 201250.

Hex triplet	031222	`#031222`
RGB Decimal	3, 18, 34	`rgb(3,18,34)`
RGB Percent	1.2, 7.1, 13.3	`rgb(1.2%,7.1%,13.3%)`
CMYK	91, 47, 0, 87
HSL	211°, 83.8, 7.3	`hsl(211,83.8%,7.3%)`
HSV (or HSB)	211°, 91.2, 13.3
Web Safe	000033	`#000033`

CIE-LAB	5.125, 0.131, -12.505
XYZ	0.543, 0.567, 1.594
xyY	0.201, 0.21, 0.567
CIE-LCH	5.125, 12.506, 270.602
CIE-LUV	5.125, -2.732, -6.613
Hunter-Lab	7.533, -0.326, -7.275
Binary	00000011, 00010010, 00100010

#031222
```
#031222 rgb(3,18,34)
```
#221303
```
#221303 rgb(34,19,3)
```

Complementary Color

#032222
```
#032222 rgb(3,34,34)
```
#031222
```
#031222 rgb(3,18,34)
```
#030322
```
#030322 rgb(3,3,34)
```

Analogous Color

#222203
```
#222203 rgb(34,34,3)
```
#031222
```
#031222 rgb(3,18,34)
```
#220303
```
#220303 rgb(34,3,3)
```

Split Complementary Color

#122203
```
#122203 rgb(18,34,3)
```
#031222
```
#031222 rgb(3,18,34)
```
#220312
```
#220312 rgb(34,3,18)
```

Triadic Color

#032213
```
#032213 rgb(3,34,19)
```
#031222
```
#031222 rgb(3,18,34)
```
#220312
```
#220312 rgb(34,3,18)
```
#221303
```
#221303 rgb(34,19,3)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#000000
```
#000000 rgb(0,0,0)
```
#01060b
```
#01060b rgb(1,6,11)
```
#031222
```
#031222 rgb(3,18,34)
```
#051e39
```
#051e39 rgb(5,30,57)
```
#072b51
```
#072b51 rgb(7,43,81)
```
#093768
```
#093768 rgb(9,55,104)
```

Monochromatic Color

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

#031a22
```
#031a22 rgb(3,26,34)
```
#031722
```
#031722 rgb(3,23,34)
```
#031522
```
#031522 rgb(3,21,34)
```
#031222
```
#031222 rgb(3,18,34)
```
#030f22
```
#030f22 rgb(3,15,34)
```
#030d22
```
#030d22 rgb(3,13,34)
```
#030a22
```
#030a22 rgb(3,10,34)
```

Similar Colors

Text with hexadecimal color #031222

This text has a font color of #031222.

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

#031222 background color

This paragraph has a background color of #031222.

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

#031222 border color

This element has a border color of #031222.

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

CSS codes

.text {color:#031222;}

.background {background-color:#031222;}

.border {border:1px solid #031222;}

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

#010810
```
#010810 rgb(1,8,16)
```
#031222
```
#031222 rgb(3,18,34)
```
#051c34
```
#051c34 rgb(5,28,52)
```
#062546
```
#062546 rgb(6,37,70)
```
#082f58
```
#082f58 rgb(8,47,88)
```
#09386a
```
#09386a rgb(9,56,106)
```
#0b427c
```
#0b427c rgb(11,66,124)
```
#0d4b8e
```
#0d4b8e rgb(13,75,142)
```
#0e55a0
```
#0e55a0 rgb(14,85,160)
```
#105eb2
```
#105eb2 rgb(16,94,178)
```
#1168c4
```
#1168c4 rgb(17,104,196)
```
#1371d6
```
#1371d6 rgb(19,113,214)
```
#147be8
```
#147be8 rgb(20,123,232)
```

Shade Color Variation

#2585ec
```
#2585ec rgb(37,133,236)
```
#378fed
```
#378fed rgb(55,143,237)
```
#4999ef
```
#4999ef rgb(73,153,239)
```
#5ba3f1
```
#5ba3f1 rgb(91,163,241)
```
#6dadf2
```
#6dadf2 rgb(109,173,242)
```
#7fb7f4
```
#7fb7f4 rgb(127,183,244)
```
#91c1f5
```
#91c1f5 rgb(145,193,245)
```
#a3cbf7
```
#a3cbf7 rgb(163,203,247)
```
#b5d6f8
```
#b5d6f8 rgb(181,214,248)
```
#c7e0fa
```
#c7e0fa rgb(199,224,250)
```
#d9eafc
```
#d9eafc rgb(217,234,252)
```
#ebf4fd
```
#ebf4fd rgb(235,244,253)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#111214
```
#111214 rgb(17,18,20)
```
#101215
```
#101215 rgb(16,18,21)
```
#0e1217
```
#0e1217 rgb(14,18,23)
```
#0d1218
```
#0d1218 rgb(13,18,24)
```
#0c1219
```
#0c1219 rgb(12,18,25)
```
#0a121b
```
#0a121b rgb(10,18,27)
```
#09121c
```
#09121c rgb(9,18,28)
```
#07121e
```
#07121e rgb(7,18,30)
```
#06121f
```
#06121f rgb(6,18,31)
```
#041221
```
#041221 rgb(4,18,33)
```
#031222
```
#031222 rgb(3,18,34)
```
#021223
```
#021223 rgb(2,18,35)
```
#001225
```
#001225 rgb(0,18,37)
```

Tone Color Variation

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

#0f0f0f Achromatopsia 0.005% of the population
#0d1013 Atypical Achromatopsia 0.001% of the population

Dichromacy

#171d2c Protanopia 1% of men
#121d2d Deuteranopia 1% of men
#002022 Tritanopia 0.001% of the population

Trichromacy

#0f1928 Protanomaly 1% of men, 0.01% of women
#0d1929 Deuteranomaly 6% of men, 0.4% of women
#011b22 Tritanomaly 0.01% of the population

#031222 hex color

#031222 Color Information

#031222 Color Conversion

Color Schemes with #031222

Alternatives to #031222

#031222 Preview

Shades and Tints of #031222

Tones of #031222

Color Blindness Simulator