#1f22fa hex color

In a RGB color space, hex #1f22fa is composed of 12.2% red, 13.3% green and 98% blue. Whereas in a CMYK color space, it is composed of 87.6% cyan, 86.4% magenta, 0% yellow and 2% black. It has a hue angle of 239.2 degrees, a saturation of 95.6% and a lightness of 55.1%. #1f22fa color hex could be obtained by blending #3e44ff with #0000f5. 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

● #1f22fa color description : Vivid blue.

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

Hex triplet	1f22fa	`#1f22fa`
RGB Decimal	31, 34, 250	`rgb(31,34,250)`
RGB Percent	12.2, 13.3, 98	`rgb(12.2%,13.3%,98%)`
CMYK	88, 86, 0, 2
HSL	239.2°, 95.6, 55.1	`hsl(239.2,95.6%,55.1%)`
HSV (or HSB)	239.2°, 87.6, 98
Web Safe	3333ff	`#3333ff`

CIE-LAB	34.673, 70.766, -101.075
XYZ	18.389, 8.336, 91.077
xyY	0.156, 0.071, 8.336
CIE-LCH	34.673, 123.386, 304.997
CIE-LUV	34.673, -9.603, -129.94
Hunter-Lab	28.872, 63.161, -166.818
Binary	00011111, 00100010, 11111010

#1f22fa
```
#1f22fa rgb(31,34,250)
```
#faf71f
```
#faf71f rgb(250,247,31)
```

Complementary Color

#1f90fa
```
#1f90fa rgb(31,144,250)
```
#1f22fa
```
#1f22fa rgb(31,34,250)
```
#8a1ffa
```
#8a1ffa rgb(138,31,250)
```

Analogous Color

#90fa1f
```
#90fa1f rgb(144,250,31)
```
#1f22fa
```
#1f22fa rgb(31,34,250)
```
#fa8a1f
```
#fa8a1f rgb(250,138,31)
```

Split Complementary Color

#22fa1f
```
#22fa1f rgb(34,250,31)
```
#1f22fa
```
#1f22fa rgb(31,34,250)
```
#fa1f22
```
#fa1f22 rgb(250,31,34)
```

Triadic Color

#1ffaf7
```
#1ffaf7 rgb(31,250,247)
```
#1f22fa
```
#1f22fa rgb(31,34,250)
```
#fa1f22
```
#fa1f22 rgb(250,31,34)
```
#faf71f
```
#faf71f rgb(250,247,31)
```

Tetradic Color

#0407c8
```
#0407c8 rgb(4,7,200)
```
#0508e1
```
#0508e1 rgb(5,8,225)
```
#0609f9
```
#0609f9 rgb(6,9,249)
```
#1f22fa
```
#1f22fa rgb(31,34,250)
```
#383bfb
```
#383bfb rgb(56,59,251)
```
#5153fb
```
#5153fb rgb(81,83,251)
```
#6a6cfc
```
#6a6cfc rgb(106,108,252)
```

Monochromatic Color

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

#1f59fa
```
#1f59fa rgb(31,89,250)
```
#1f46fa
```
#1f46fa rgb(31,70,250)
```
#1f34fa
```
#1f34fa rgb(31,52,250)
```
#1f22fa
```
#1f22fa rgb(31,34,250)
```
#2e1ffa
```
#2e1ffa rgb(46,31,250)
```
#401ffa
```
#401ffa rgb(64,31,250)
```
#531ffa
```
#531ffa rgb(83,31,250)
```

Similar Colors

Text with hexadecimal color #1f22fa

This text has a font color of #1f22fa.

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

#1f22fa background color

This paragraph has a background color of #1f22fa.

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

#1f22fa border color

This element has a border color of #1f22fa.

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

CSS codes

.text {color:#1f22fa;}

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

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

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

#000006
```
#000006 rgb(0,0,6)
```
#010119
```
#010119 rgb(1,1,25)
```
#01022d
```
#01022d rgb(1,2,45)
```
#010240
```
#010240 rgb(1,2,64)
```
#020353
```
#020353 rgb(2,3,83)
```
#020466
```
#020466 rgb(2,4,102)
```
#030479
```
#030479 rgb(3,4,121)
```
#03058d
```
#03058d rgb(3,5,141)
```
#0406a0
```
#0406a0 rgb(4,6,160)
```
#0406b3
```
#0406b3 rgb(4,6,179)
```
#0407c6
```
#0407c6 rgb(4,7,198)
```
#0508d9
```
#0508d9 rgb(5,8,217)
```
#0508ec
```
#0508ec rgb(5,8,236)
```

Shade Color Variation

#0c0ffa
```
#0c0ffa rgb(12,15,250)
```
#1f22fa
```
#1f22fa rgb(31,34,250)
```
#3235fa
```
#3235fa rgb(50,53,250)
```
#4548fb
```
#4548fb rgb(69,72,251)
```
#595bfb
```
#595bfb rgb(89,91,251)
```
#6c6efc
```
#6c6efc rgb(108,110,252)
```
#7f81fc
```
#7f81fc rgb(127,129,252)
```
#9294fd
```
#9294fd rgb(146,148,253)
```
#a5a7fd
```
#a5a7fd rgb(165,167,253)
```
#b8b9fd
```
#b8b9fd rgb(184,185,253)
```
#ccccfe
```
#ccccfe rgb(204,204,254)
```
#dfdffe
```
#dfdffe rgb(223,223,254)
```
#f2f2ff
```
#f2f2ff rgb(242,242,255)
```

Tint Color Variation

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

#898990
```
#898990 rgb(137,137,144)
```
#808099
```
#808099 rgb(128,128,153)
```
#7778a2
```
#7778a2 rgb(119,120,162)
```
#6e6fab
```
#6e6fab rgb(110,111,171)
```
#6567b4
```
#6567b4 rgb(101,103,180)
```
#5d5ebc
```
#5d5ebc rgb(93,94,188)
```
#5455c5
```
#5455c5 rgb(84,85,197)
```
#4b4dce
```
#4b4dce rgb(75,77,206)
```
#4244d7
```
#4244d7 rgb(66,68,215)
```
#393ce0
```
#393ce0 rgb(57,60,224)
```
#3133e8
```
#3133e8 rgb(49,51,232)
```
#282bf1
```
#282bf1 rgb(40,43,241)
```
#1f22fa
```
#1f22fa rgb(31,34,250)
```

Tone Color Variation

Below, you can see how #1f22fa 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
#353560 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0058aa Protanopia 1% of men
#005d93 Deuteranopia 1% of men
#006367 Tritanopia 0.001% of the population

Trichromacy

#0b44c7 Protanomaly 1% of men, 0.01% of women
#0b47b8 Deuteranomaly 6% of men, 0.4% of women
#0b4b9c Tritanomaly 0.01% of the population

#1f22fa hex color

#1f22fa Color Information

#1f22fa Color Conversion

Color Schemes with #1f22fa

Alternatives to #1f22fa

#1f22fa Preview

Shades and Tints of #1f22fa

Tones of #1f22fa

Color Blindness Simulator