#1f22fb hex color

In a RGB color space, hex #1f22fb is composed of 12.2% red, 13.3% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 87.6% cyan, 86.5% magenta, 0% yellow and 1.6% black. It has a hue angle of 239.2 degrees, a saturation of 96.5% and a lightness of 55.3%. #1f22fb color hex could be obtained by blending #3e44ff with #0000f7. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 12
- G 13
- B 98
RGB color chart
- C 88
- M 86
- Y 0
- K 2
CMYK color chart

● #1f22fb color description : Vivid blue.

The hexadecimal color #1f22fb has RGB values of R:31, G:34, B:251 and CMYK values of C:0.88, M:0.86, Y:0, K:0.02. Its decimal value is 2040571.

Hex triplet	1f22fb	`#1f22fb`
RGB Decimal	31, 34, 251	`rgb(31,34,251)`
RGB Percent	12.2, 13.3, 98.4	`rgb(12.2%,13.3%,98.4%)`
CMYK	88, 86, 0, 2
HSL	239.2°, 96.5, 55.3	`hsl(239.2,96.5%,55.3%)`
HSV (or HSB)	239.2°, 87.6, 98.4
Web Safe	3333ff	`#3333ff`

CIE-LAB	34.8, 71.04, -101.425
XYZ	18.546, 8.399, 91.905
xyY	0.156, 0.071, 8.399
CIE-LCH	34.8, 123.83, 305.008
CIE-LUV	34.8, -9.642, -130.502
Hunter-Lab	28.981, 63.513, -167.735
Binary	00011111, 00100010, 11111011

#1f22fb
```
#1f22fb rgb(31,34,251)
```
#fbf81f
```
#fbf81f rgb(251,248,31)
```

Complementary Color

#1f90fb
```
#1f90fb rgb(31,144,251)
```
#1f22fb
```
#1f22fb rgb(31,34,251)
```
#8a1ffb
```
#8a1ffb rgb(138,31,251)
```

Analogous Color

#90fb1f
```
#90fb1f rgb(144,251,31)
```
#1f22fb
```
#1f22fb rgb(31,34,251)
```
#fb8a1f
```
#fb8a1f rgb(251,138,31)
```

Split Complementary Color

#22fb1f
```
#22fb1f rgb(34,251,31)
```
#1f22fb
```
#1f22fb rgb(31,34,251)
```
#fb1f22
```
#fb1f22 rgb(251,31,34)
```

Triadic Color

#1ffbf8
```
#1ffbf8 rgb(31,251,248)
```
#1f22fb
```
#1f22fb rgb(31,34,251)
```
#fb1f22
```
#fb1f22 rgb(251,31,34)
```
#fbf81f
```
#fbf81f rgb(251,248,31)
```

Tetradic Color

#0406ca
```
#0406ca rgb(4,6,202)
```
#0407e3
```
#0407e3 rgb(4,7,227)
```
#0609fb
```
#0609fb rgb(6,9,251)
```
#1f22fb
```
#1f22fb rgb(31,34,251)
```
#383bfb
```
#383bfb rgb(56,59,251)
```
#5153fc
```
#5153fc rgb(81,83,252)
```
#6a6cfc
```
#6a6cfc rgb(106,108,252)
```

Monochromatic Color

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

#1f59fb
```
#1f59fb rgb(31,89,251)
```
#1f47fb
```
#1f47fb rgb(31,71,251)
```
#1f34fb
```
#1f34fb rgb(31,52,251)
```
#1f22fb
```
#1f22fb rgb(31,34,251)
```
#2e1ffb
```
#2e1ffb rgb(46,31,251)
```
#411ffb
```
#411ffb rgb(65,31,251)
```
#531ffb
```
#531ffb rgb(83,31,251)
```

Similar Colors

Text with hexadecimal color #1f22fb

This text has a font color of #1f22fb.

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

#1f22fb background color

This paragraph has a background color of #1f22fb.

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

#1f22fb border color

This element has a border color of #1f22fb.

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

CSS codes

.text {color:#1f22fb;}

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

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

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

#000007
```
#000007 rgb(0,0,7)
```
#00011b
```
#00011b rgb(0,1,27)
```
#01012e
```
#01012e rgb(1,1,46)
```
#010241
```
#010241 rgb(1,2,65)
```
#020354
```
#020354 rgb(2,3,84)
```
#020368
```
#020368 rgb(2,3,104)
```
#02047b
```
#02047b rgb(2,4,123)
```
#03048e
```
#03048e rgb(3,4,142)
```
#0305a1
```
#0305a1 rgb(3,5,161)
```
#0306b5
```
#0306b5 rgb(3,6,181)
```
#0406c8
```
#0406c8 rgb(4,6,200)
```
#0407db
```
#0407db rgb(4,7,219)
```
#0407ef
```
#0407ef rgb(4,7,239)
```

Shade Color Variation

#0c0ffb
```
#0c0ffb rgb(12,15,251)
```
#1f22fb
```
#1f22fb rgb(31,34,251)
```
#3235fb
```
#3235fb rgb(50,53,251)
```
#4648fc
```
#4648fc rgb(70,72,252)
```
#595bfc
```
#595bfc rgb(89,91,252)
```
#6c6efc
```
#6c6efc rgb(108,110,252)
```
#7f81fd
```
#7f81fd rgb(127,129,253)
```
#9394fd
```
#9394fd rgb(147,148,253)
```
#a6a7fd
```
#a6a7fd rgb(166,167,253)
```
#b9bafe
```
#b9bafe rgb(185,186,254)
```
#cccdfe
```
#cccdfe rgb(204,205,254)
```
#e0e0fe
```
#e0e0fe rgb(224,224,254)
```
#f3f3ff
```
#f3f3ff rgb(243,243,255)
```

Tint Color Variation

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

#888892
```
#888892 rgb(136,136,146)
```
#7f809b
```
#7f809b rgb(127,128,155)
```
#7777a3
```
#7777a3 rgb(119,119,163)
```
#6e6fac
```
#6e6fac rgb(110,111,172)
```
#6566b5
```
#6566b5 rgb(101,102,181)
```
#5c5ebe
```
#5c5ebe rgb(92,94,190)
```
#5455c6
```
#5455c6 rgb(84,85,198)
```
#4b4dcf
```
#4b4dcf rgb(75,77,207)
```
#4244d8
```
#4244d8 rgb(66,68,216)
```
#393ce1
```
#393ce1 rgb(57,60,225)
```
#3133e9
```
#3133e9 rgb(49,51,233)
```
#282bf2
```
#282bf2 rgb(40,43,242)
```
#1f22fb
```
#1f22fb rgb(31,34,251)
```

Tone Color Variation

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

#3a3a3a Achromatopsia 0.005% of the population
#353561 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0058ab Protanopia 1% of men
#005d93 Deuteranopia 1% of men
#006368 Tritanopia 0.001% of the population

Trichromacy

#0b44c8 Protanomaly 1% of men, 0.01% of women
#0b47b9 Deuteranomaly 6% of men, 0.4% of women
#0b4b9d Tritanomaly 0.01% of the population

#1f22fb hex color

#1f22fb Color Information

#1f22fb Color Conversion

Color Schemes with #1f22fb

Alternatives to #1f22fb

#1f22fb Preview

Shades and Tints of #1f22fb

Tones of #1f22fb

Color Blindness Simulator