#1a22f6 hex color

In a RGB color space, hex #1a22f6 is composed of 10.2% red, 13.3% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 89.4% cyan, 86.2% magenta, 0% yellow and 3.5% black. It has a hue angle of 237.8 degrees, a saturation of 92.4% and a lightness of 53.3%. #1a22f6 color hex could be obtained by blending #3444ff with #0000ed. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 10
- G 13
- B 96
RGB color chart
- C 89
- M 86
- Y 0
- K 4
CMYK color chart

● #1a22f6 color description : Vivid blue.

The hexadecimal color #1a22f6 has RGB values of R:26, G:34, B:246 and CMYK values of C:0.89, M:0.86, Y:0, K:0.04. Its decimal value is 1712886.

Hex triplet	1a22f6	`#1a22f6`
RGB Decimal	26, 34, 246	`rgb(26,34,246)`
RGB Percent	10.2, 13.3, 96.5	`rgb(10.2%,13.3%,96.5%)`
CMYK	89, 86, 0, 4
HSL	237.8°, 92.4, 53.3	`hsl(237.8,92.4%,53.3%)`
HSV (or HSB)	237.8°, 89.4, 96.5
Web Safe	3333ff	`#3333ff`

CIE-LAB	34.016, 69.558, -99.921
XYZ	17.629, 8.016, 87.802
xyY	0.155, 0.071, 8.016
CIE-LCH	34.016, 121.748, 304.843
CIE-LUV	34.016, -9.777, -127.6
Hunter-Lab	28.313, 61.597, -164.047
Binary	00011010, 00100010, 11110110

#1a22f6
```
#1a22f6 rgb(26,34,246)
```
#f6ee1a
```
#f6ee1a rgb(246,238,26)
```

Complementary Color

#1a90f6
```
#1a90f6 rgb(26,144,246)
```
#1a22f6
```
#1a22f6 rgb(26,34,246)
```
#801af6
```
#801af6 rgb(128,26,246)
```

Analogous Color

#90f61a
```
#90f61a rgb(144,246,26)
```
#1a22f6
```
#1a22f6 rgb(26,34,246)
```
#f6801a
```
#f6801a rgb(246,128,26)
```

Split Complementary Color

#22f61a
```
#22f61a rgb(34,246,26)
```
#1a22f6
```
#1a22f6 rgb(26,34,246)
```
#f61a22
```
#f61a22 rgb(246,26,34)
```

Triadic Color

#1af6ee
```
#1af6ee rgb(26,246,238)
```
#1a22f6
```
#1a22f6 rgb(26,34,246)
```
#f61a22
```
#f61a22 rgb(246,26,34)
```
#f6ee1a
```
#f6ee1a rgb(246,238,26)
```

Tetradic Color

#070ebc
```
#070ebc rgb(7,14,188)
```
#0810d5
```
#0810d5 rgb(8,16,213)
```
#0912ed
```
#0912ed rgb(9,18,237)
```
#1a22f6
```
#1a22f6 rgb(26,34,246)
```
#333af7
```
#333af7 rgb(51,58,247)
```
#4b51f8
```
#4b51f8 rgb(75,81,248)
```
#6469f9
```
#6469f9 rgb(100,105,249)
```

Monochromatic Color

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

#1a59f6
```
#1a59f6 rgb(26,89,246)
```
#1a47f6
```
#1a47f6 rgb(26,71,246)
```
#1a34f6
```
#1a34f6 rgb(26,52,246)
```
#1a22f6
```
#1a22f6 rgb(26,34,246)
```
#241af6
```
#241af6 rgb(36,26,246)
```
#371af6
```
#371af6 rgb(55,26,246)
```
#491af6
```
#491af6 rgb(73,26,246)
```

Similar Colors

Text with hexadecimal color #1a22f6

This text has a font color of #1a22f6.

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

#1a22f6 background color

This paragraph has a background color of #1a22f6.

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

#1a22f6 border color

This element has a border color of #1a22f6.

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

CSS codes

.text {color:#1a22f6;}

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

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

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

#010110
```
#010110 rgb(1,1,16)
```
#010323
```
#010323 rgb(1,3,35)
```
#020436
```
#020436 rgb(2,4,54)
```
#030549
```
#030549 rgb(3,5,73)
```
#04075c
```
#04075c rgb(4,7,92)
```
#04086f
```
#04086f rgb(4,8,111)
```
#050a82
```
#050a82 rgb(5,10,130)
```
#060b94
```
#060b94 rgb(6,11,148)
```
#070ca7
```
#070ca7 rgb(7,12,167)
```
#070eba
```
#070eba rgb(7,14,186)
```
#080fcd
```
#080fcd rgb(8,15,205)
```
#0911e0
```
#0911e0 rgb(9,17,224)
```
#0a12f3
```
#0a12f3 rgb(10,18,243)
```

Shade Color Variation

#1a22f6
```
#1a22f6 rgb(26,34,246)
```
#2d34f7
```
#2d34f7 rgb(45,52,247)
```
#4046f7
```
#4046f7 rgb(64,70,247)
```
#5359f8
```
#5359f8 rgb(83,89,248)
```
#656bf9
```
#656bf9 rgb(101,107,249)
```
#787dfa
```
#787dfa rgb(120,125,250)
```
#8b8ffa
```
#8b8ffa rgb(139,143,250)
```
#9ea2fb
```
#9ea2fb rgb(158,162,251)
```
#b1b4fc
```
#b1b4fc rgb(177,180,252)
```
#c4c6fd
```
#c4c6fd rgb(196,198,253)
```
#d7d8fd
```
#d7d8fd rgb(215,216,253)
```
#eaeafe
```
#eaeafe rgb(234,234,254)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

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

#888888
```
#888888 rgb(136,136,136)
```
#7f7f91
```
#7f7f91 rgb(127,127,145)
```
#76779a
```
#76779a rgb(118,119,154)
```
#6c6ea4
```
#6c6ea4 rgb(108,110,164)
```
#6366ad
```
#6366ad rgb(99,102,173)
```
#5a5db6
```
#5a5db6 rgb(90,93,182)
```
#5155bf
```
#5155bf rgb(81,85,191)
```
#484cc8
```
#484cc8 rgb(72,76,200)
```
#3f44d1
```
#3f44d1 rgb(63,68,209)
```
#353bdb
```
#353bdb rgb(53,59,219)
```
#2c33e4
```
#2c33e4 rgb(44,51,228)
```
#232aed
```
#232aed rgb(35,42,237)
```
#1a22f6
```
#1a22f6 rgb(26,34,246)
```

Tone Color Variation

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

Dichromacy

#0056a7 Protanopia 1% of men
#005b90 Deuteranopia 1% of men
#006265 Tritanopia 0.001% of the population

Trichromacy

#0943c4 Protanomaly 1% of men, 0.01% of women
#0946b5 Deuteranomaly 6% of men, 0.4% of women
#094a9a Tritanomaly 0.01% of the population

#1a22f6 hex color

#1a22f6 Color Information

#1a22f6 Color Conversion

Color Schemes with #1a22f6

Alternatives to #1a22f6

#1a22f6 Preview

Shades and Tints of #1a22f6

Tones of #1a22f6

Color Blindness Simulator