#1f22ea hex color

In a RGB color space, hex #1f22ea is composed of 12.2% red, 13.3% green and 91.8% blue. Whereas in a CMYK color space, it is composed of 86.8% cyan, 85.5% magenta, 0% yellow and 8.2% black. It has a hue angle of 239.1 degrees, a saturation of 82.9% and a lightness of 52%. #1f22ea color hex could be obtained by blending #3e44ff with #0000d5. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 12
- G 13
- B 92
RGB color chart
- C 87
- M 85
- Y 0
- K 8
CMYK color chart

● #1f22ea color description : Vivid blue.

The hexadecimal color #1f22ea has RGB values of R:31, G:34, B:234 and CMYK values of C:0.87, M:0.85, Y:0, K:0.08. Its decimal value is 2040554.

Hex triplet	1f22ea	`#1f22ea`
RGB Decimal	31, 34, 234	`rgb(31,34,234)`
RGB Percent	12.2, 13.3, 91.8	`rgb(12.2%,13.3%,91.8%)`
CMYK	87, 85, 0, 8
HSL	239.1°, 82.9, 52	`hsl(239.1,82.9%,52%)`
HSV (or HSB)	239.1°, 86.8, 91.8
Web Safe	3333ff	`#3333ff`

CIE-LAB	32.645, 66.316, -95.402
XYZ	15.985, 7.375, 78.418
xyY	0.157, 0.072, 7.375
CIE-LCH	32.645, 116.187, 304.804
CIE-LUV	32.645, -8.97, -120.915
Hunter-Lab	27.156, 57.549, -152.2
Binary	00011111, 00100010, 11101010

#1f22ea
```
#1f22ea rgb(31,34,234)
```
#eae71f
```
#eae71f rgb(234,231,31)
```

Complementary Color

#1f88ea
```
#1f88ea rgb(31,136,234)
```
#1f22ea
```
#1f22ea rgb(31,34,234)
```
#821fea
```
#821fea rgb(130,31,234)
```

Analogous Color

#88ea1f
```
#88ea1f rgb(136,234,31)
```
#1f22ea
```
#1f22ea rgb(31,34,234)
```
#ea821f
```
#ea821f rgb(234,130,31)
```

Split Complementary Color

#22ea1f
```
#22ea1f rgb(34,234,31)
```
#1f22ea
```
#1f22ea rgb(31,34,234)
```
#ea1f22
```
#ea1f22 rgb(234,31,34)
```

Triadic Color

#1feae7
```
#1feae7 rgb(31,234,231)
```
#1f22ea
```
#1f22ea rgb(31,34,234)
```
#ea1f22
```
#ea1f22 rgb(234,31,34)
```
#eae71f
```
#eae71f rgb(234,231,31)
```

Tetradic Color

#1012ac
```
#1012ac rgb(16,18,172)
```
#1215c4
```
#1215c4 rgb(18,21,196)
```
#1517db
```
#1517db rgb(21,23,219)
```
#1f22ea
```
#1f22ea rgb(31,34,234)
```
#3639ec
```
#3639ec rgb(54,57,236)
```
#4e50ee
```
#4e50ee rgb(78,80,238)
```
#6567f1
```
#6567f1 rgb(101,103,241)
```

Monochromatic Color

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

#1f55ea
```
#1f55ea rgb(31,85,234)
```
#1f44ea
```
#1f44ea rgb(31,68,234)
```
#1f33ea
```
#1f33ea rgb(31,51,234)
```
#1f22ea
```
#1f22ea rgb(31,34,234)
```
#2d1fea
```
#2d1fea rgb(45,31,234)
```
#3e1fea
```
#3e1fea rgb(62,31,234)
```
#4f1fea
```
#4f1fea rgb(79,31,234)
```

Similar Colors

Text with hexadecimal color #1f22ea

This text has a font color of #1f22ea.

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

#1f22ea background color

This paragraph has a background color of #1f22ea.

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

#1f22ea border color

This element has a border color of #1f22ea.

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

CSS codes

.text {color:#1f22ea;}

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

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

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

#010109
```
#010109 rgb(1,1,9)
```
#03031b
```
#03031b rgb(3,3,27)
```
#04052d
```
#04052d rgb(4,5,45)
```
#06073f
```
#06073f rgb(6,7,63)
```
#080951
```
#080951 rgb(8,9,81)
```
#090b63
```
#090b63 rgb(9,11,99)
```
#0b0d75
```
#0b0d75 rgb(11,13,117)
```
#0d0e87
```
#0d0e87 rgb(13,14,135)
```
#0e1099
```
#0e1099 rgb(14,16,153)
```
#1012ab
```
#1012ab rgb(16,18,171)
```
#1214bc
```
#1214bc rgb(18,20,188)
```
#1316ce
```
#1316ce rgb(19,22,206)
```
#1518e0
```
#1518e0 rgb(21,24,224)
```

Shade Color Variation

#1f22ea
```
#1f22ea rgb(31,34,234)
```
#3134ec
```
#3134ec rgb(49,52,236)
```
#4345ed
```
#4345ed rgb(67,69,237)
```
#5557ef
```
#5557ef rgb(85,87,239)
```
#6769f1
```
#6769f1 rgb(103,105,241)
```
#797af2
```
#797af2 rgb(121,122,242)
```
#8b8cf4
```
#8b8cf4 rgb(139,140,244)
```
#9d9ef6
```
#9d9ef6 rgb(157,158,246)
```
#aeb0f7
```
#aeb0f7 rgb(174,176,247)
```
#c0c1f9
```
#c0c1f9 rgb(192,193,249)
```
#d2d3fb
```
#d2d3fb rgb(210,211,251)
```
#e4e5fc
```
#e4e5fc rgb(228,229,252)
```
#f6f6fe
```
#f6f6fe rgb(246,246,254)
```

Tint Color Variation

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

#7d7d8c
```
#7d7d8c rgb(125,125,140)
```
#747495
```
#747495 rgb(116,116,149)
```
#6a6b9f
```
#6a6b9f rgb(106,107,159)
```
#6162a8
```
#6162a8 rgb(97,98,168)
```
#5859b1
```
#5859b1 rgb(88,89,177)
```
#4e50bb
```
#4e50bb rgb(78,80,187)
```
#4547c4
```
#4547c4 rgb(69,71,196)
```
#3b3dce
```
#3b3dce rgb(59,61,206)
```
#3234d7
```
#3234d7 rgb(50,52,215)
```
#282be1
```
#282be1 rgb(40,43,225)
```
#1f22ea
```
#1f22ea rgb(31,34,234)
```
#1619f3
```
#1619f3 rgb(22,25,243)
```
#0c10fd
```
#0c10fd rgb(12,16,253)
```

Tone Color Variation

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

#383838 Achromatopsia 0.005% of the population
#33345c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0053a2 Protanopia 1% of men
#00588b Deuteranopia 1% of men
#005e62 Tritanopia 0.001% of the population

Trichromacy

#0b41bc Protanomaly 1% of men, 0.01% of women
#0b44ae Deuteranomaly 6% of men, 0.4% of women
#0b4893 Tritanomaly 0.01% of the population

#1f22ea hex color

#1f22ea Color Information

#1f22ea Color Conversion

Color Schemes with #1f22ea

Alternatives to #1f22ea

#1f22ea Preview

Shades and Tints of #1f22ea

Tones of #1f22ea

Color Blindness Simulator