#1f22c6 hex color

In a RGB color space, hex #1f22c6 is composed of 12.2% red, 13.3% green and 77.6% blue. Whereas in a CMYK color space, it is composed of 84.3% cyan, 82.8% magenta, 0% yellow and 22.4% black. It has a hue angle of 238.9 degrees, a saturation of 72.9% and a lightness of 44.9%. #1f22c6 color hex could be obtained by blending #3e44ff with #00008d. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 12
- G 13
- B 78
RGB color chart
- C 84
- M 83
- Y 0
- K 22
CMYK color chart

● #1f22c6 color description : Strong blue.

The hexadecimal color #1f22c6 has RGB values of R:31, G:34, B:198 and CMYK values of C:0.84, M:0.83, Y:0, K:0.22. Its decimal value is 2040518.

Hex triplet	1f22c6	`#1f22c6`
RGB Decimal	31, 34, 198	`rgb(31,34,198)`
RGB Percent	12.2, 13.3, 77.6	`rgb(12.2%,13.3%,77.6%)`
CMYK	84, 83, 0, 22
HSL	238.9°, 72.9, 44.9	`hsl(238.9,72.9%,44.9%)`
HSV (or HSB)	238.9°, 84.3, 77.6
Web Safe	3333cc	`#3333cc`

CIE-LAB	28.146, 55.778, -82.089
XYZ	11.328, 5.512, 53.89
xyY	0.16, 0.078, 5.512
CIE-LCH	28.146, 99.246, 304.195
CIE-LUV	28.146, -7.542, -100.371
Hunter-Lab	23.477, 45.044, -119.661
Binary	00011111, 00100010, 11000110

#1f22c6
```
#1f22c6 rgb(31,34,198)
```
#c6c31f
```
#c6c31f rgb(198,195,31)
```

Complementary Color

#1f76c6
```
#1f76c6 rgb(31,118,198)
```
#1f22c6
```
#1f22c6 rgb(31,34,198)
```
#701fc6
```
#701fc6 rgb(112,31,198)
```

Analogous Color

#76c61f
```
#76c61f rgb(118,198,31)
```
#1f22c6
```
#1f22c6 rgb(31,34,198)
```
#c6701f
```
#c6701f rgb(198,112,31)
```

Split Complementary Color

#22c61f
```
#22c61f rgb(34,198,31)
```
#1f22c6
```
#1f22c6 rgb(31,34,198)
```
#c61f22
```
#c61f22 rgb(198,31,34)
```

Triadic Color

#1fc6c3
```
#1fc6c3 rgb(31,198,195)
```
#1f22c6
```
#1f22c6 rgb(31,34,198)
```
#c61f22
```
#c61f22 rgb(198,31,34)
```
#c6c31f
```
#c6c31f rgb(198,195,31)
```

Tetradic Color

#151784
```
#151784 rgb(21,23,132)
```
#181a9a
```
#181a9a rgb(24,26,154)
```
#1c1eb0
```
#1c1eb0 rgb(28,30,176)
```
#1f22c6
```
#1f22c6 rgb(31,34,198)
```
#2226dc
```
#2226dc rgb(34,38,220)
```
#383be0
```
#383be0 rgb(56,59,224)
```
#4e51e3
```
#4e51e3 rgb(78,81,227)
```

Monochromatic Color

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

#1f4cc6
```
#1f4cc6 rgb(31,76,198)
```
#1f3ec6
```
#1f3ec6 rgb(31,62,198)
```
#1f30c6
```
#1f30c6 rgb(31,48,198)
```
#1f22c6
```
#1f22c6 rgb(31,34,198)
```
#2a1fc6
```
#2a1fc6 rgb(42,31,198)
```
#381fc6
```
#381fc6 rgb(56,31,198)
```
#461fc6
```
#461fc6 rgb(70,31,198)
```

Similar Colors

Text with hexadecimal color #1f22c6

This text has a font color of #1f22c6.

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

#1f22c6 background color

This paragraph has a background color of #1f22c6.

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

#1f22c6 border color

This element has a border color of #1f22c6.

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

CSS codes

.text {color:#1f22c6;}

.background {background-color:#1f22c6;}

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

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, #02020b is the darkest color, while #f9fafe is the lightest one.

#02020b
```
#02020b rgb(2,2,11)
```
#04051c
```
#04051c rgb(4,5,28)
```
#07082d
```
#07082d rgb(7,8,45)
```
#0a0b3e
```
#0a0b3e rgb(10,11,62)
```
#0c0e4f
```
#0c0e4f rgb(12,14,79)
```
#0f1160
```
#0f1160 rgb(15,17,96)
```
#121371
```
#121371 rgb(18,19,113)
```
#141682
```
#141682 rgb(20,22,130)
```
#171993
```
#171993 rgb(23,25,147)
```
#1a1ca4
```
#1a1ca4 rgb(26,28,164)
```
#1c1fb5
```
#1c1fb5 rgb(28,31,181)
```
#1f22c6
```
#1f22c6 rgb(31,34,198)
```
#2225d7
```
#2225d7 rgb(34,37,215)
```

Shade Color Variation

#2e31de
```
#2e31de rgb(46,49,222)
```
#3f42e1
```
#3f42e1 rgb(63,66,225)
```
#5053e4
```
#5053e4 rgb(80,83,228)
```
#6163e6
```
#6163e6 rgb(97,99,230)
```
#7274e9
```
#7274e9 rgb(114,116,233)
```
#8385ec
```
#8385ec rgb(131,133,236)
```
#9495ee
```
#9495ee rgb(148,149,238)
```
#a5a6f1
```
#a5a6f1 rgb(165,166,241)
```
#b6b7f4
```
#b6b7f4 rgb(182,183,244)
```
#c7c7f6
```
#c7c7f6 rgb(199,199,246)
```
#d8d8f9
```
#d8d8f9 rgb(216,216,249)
```
#e9e9fb
```
#e9e9fb rgb(233,233,251)
```
#f9fafe
```
#f9fafe rgb(249,250,254)
```

Tint Color Variation

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

#6e6e77
```
#6e6e77 rgb(110,110,119)
```
#656680
```
#656680 rgb(101,102,128)
```
#5d5d88
```
#5d5d88 rgb(93,93,136)
```
#545591
```
#545591 rgb(84,85,145)
```
#4b4c9a
```
#4b4c9a rgb(75,76,154)
```
#4244a3
```
#4244a3 rgb(66,68,163)
```
#393bac
```
#393bac rgb(57,59,172)
```
#3133b4
```
#3133b4 rgb(49,51,180)
```
#282abd
```
#282abd rgb(40,42,189)
```
#1f22c6
```
#1f22c6 rgb(31,34,198)
```
#161acf
```
#161acf rgb(22,26,207)
```
#0d11d8
```
#0d11d8 rgb(13,17,216)
```
#0509e0
```
#0509e0 rgb(5,9,224)
```

Tone Color Variation

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

#343434 Achromatopsia 0.005% of the population
#303051 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004a8f Protanopia 1% of men
#004e7c Deuteranopia 1% of men
#005357 Tritanopia 0.001% of the population

Trichromacy

#0b3ba3 Protanomaly 1% of men, 0.01% of women
#0b3e96 Deuteranomaly 6% of men, 0.4% of women
#0b417f Tritanomaly 0.01% of the population

#1f22c6 hex color

#1f22c6 Color Information

#1f22c6 Color Conversion

Color Schemes with #1f22c6

Alternatives to #1f22c6

#1f22c6 Preview

Shades and Tints of #1f22c6

Tones of #1f22c6

Color Blindness Simulator