#1022fa hex color

In a RGB color space, hex #1022fa is composed of 6.3% red, 13.3% green and 98% blue. Whereas in a CMYK color space, it is composed of 93.6% cyan, 86.4% magenta, 0% yellow and 2% black. It has a hue angle of 235.4 degrees, a saturation of 95.9% and a lightness of 52.2%. #1022fa color hex could be obtained by blending #2044ff with #0000f5. Closest websafe color is: #0033ff.

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

● #1022fa color description : Vivid blue.

The hexadecimal color #1022fa has RGB values of R:16, G:34, B:250 and CMYK values of C:0.94, M:0.86, Y:0, K:0.02. Its decimal value is 1057530.

Hex triplet	1022fa	`#1022fa`
RGB Decimal	16, 34, 250	`rgb(16,34,250)`
RGB Percent	6.3, 13.3, 98	`rgb(6.3%,13.3%,98%)`
CMYK	94, 86, 0, 2
HSL	235.4°, 95.9, 52.2	`hsl(235.4,95.9%,52.2%)`
HSV (or HSB)	235.4°, 93.6, 98
Web Safe	0033ff	`#0033ff`

CIE-LAB	34.303, 70.506, -101.701
XYZ	18.038, 8.155, 91.061
xyY	0.154, 0.07, 8.155
CIE-LCH	34.303, 123.751, 304.732
CIE-LUV	34.303, -10.422, -129.707
Hunter-Lab	28.557, 62.773, -169.071
Binary	00010000, 00100010, 11111010

#1022fa
```
#1022fa rgb(16,34,250)
```
#fae810
```
#fae810 rgb(250,232,16)
```

Complementary Color

#1097fa
```
#1097fa rgb(16,151,250)
```
#1022fa
```
#1022fa rgb(16,34,250)
```
#7310fa
```
#7310fa rgb(115,16,250)
```

Analogous Color

#97fa10
```
#97fa10 rgb(151,250,16)
```
#1022fa
```
#1022fa rgb(16,34,250)
```
#fa7310
```
#fa7310 rgb(250,115,16)
```

Split Complementary Color

#22fa10
```
#22fa10 rgb(34,250,16)
```
#1022fa
```
#1022fa rgb(16,34,250)
```
#fa1022
```
#fa1022 rgb(250,16,34)
```

Triadic Color

#10fae8
```
#10fae8 rgb(16,250,232)
```
#1022fa
```
#1022fa rgb(16,34,250)
```
#fa1022
```
#fa1022 rgb(250,16,34)
```
#fae810
```
#fae810 rgb(250,232,16)
```

Tetradic Color

#0412ba
```
#0412ba rgb(4,18,186)
```
#0414d3
```
#0414d3 rgb(4,20,211)
```
#0517ec
```
#0517ec rgb(5,23,236)
```
#1022fa
```
#1022fa rgb(16,34,250)
```
#2939fb
```
#2939fb rgb(41,57,251)
```
#4250fb
```
#4250fb rgb(66,80,251)
```
#5b67fc
```
#5b67fc rgb(91,103,252)
```

Monochromatic Color

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

#105cfa
```
#105cfa rgb(16,92,250)
```
#1049fa
```
#1049fa rgb(16,73,250)
```
#1035fa
```
#1035fa rgb(16,53,250)
```
#1022fa
```
#1022fa rgb(16,34,250)
```
#1110fa
```
#1110fa rgb(17,16,250)
```
#2510fa
```
#2510fa rgb(37,16,250)
```
#3910fa
```
#3910fa rgb(57,16,250)
```

Similar Colors

Text with hexadecimal color #1022fa

This text has a font color of #1022fa.

<span style="color:#1022fa;">Text here</span>

#1022fa background color

This paragraph has a background color of #1022fa.

<p style="background-color:#1022fa;">Content here</p>

#1022fa border color

This element has a border color of #1022fa.

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

CSS codes

.text {color:#1022fa;}

.background {background-color:#1022fa;}

.border {border:1px solid #1022fa;}

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

#00010b
```
#00010b rgb(0,1,11)
```
#01031e
```
#01031e rgb(1,3,30)
```
#010531
```
#010531 rgb(1,5,49)
```
#010744
```
#010744 rgb(1,7,68)
```
#020858
```
#020858 rgb(2,8,88)
```
#020a6b
```
#020a6b rgb(2,10,107)
```
#030c7e
```
#030c7e rgb(3,12,126)
```
#030e91
```
#030e91 rgb(3,14,145)
```
#0310a4
```
#0310a4 rgb(3,16,164)
```
#0412b8
```
#0412b8 rgb(4,18,184)
```
#0414cb
```
#0414cb rgb(4,20,203)
```
#0515de
```
#0515de rgb(5,21,222)
```
#0517f1
```
#0517f1 rgb(5,23,241)
```

Shade Color Variation

#1022fa
```
#1022fa rgb(16,34,250)
```
#2334fa
```
#2334fa rgb(35,52,250)
```
#3646fb
```
#3646fb rgb(54,70,251)
```
#4a57fb
```
#4a57fb rgb(74,87,251)
```
#5d69fc
```
#5d69fc rgb(93,105,252)
```
#707bfc
```
#707bfc rgb(112,123,252)
```
#838dfc
```
#838dfc rgb(131,141,252)
```
#969efd
```
#969efd rgb(150,158,253)
```
#aab0fd
```
#aab0fd rgb(170,176,253)
```
#bdc2fe
```
#bdc2fe rgb(189,194,254)
```
#d0d4fe
```
#d0d4fe rgb(208,212,254)
```
#e3e5fe
```
#e3e5fe rgb(227,229,254)
```
#f7f7ff
```
#f7f7ff rgb(247,247,255)
```

Tint Color Variation

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

#818189
```
#818189 rgb(129,129,137)
```
#777993
```
#777993 rgb(119,121,147)
```
#6e719c
```
#6e719c rgb(110,113,156)
```
#6469a6
```
#6469a6 rgb(100,105,166)
```
#5b62af
```
#5b62af rgb(91,98,175)
```
#525ab8
```
#525ab8 rgb(82,90,184)
```
#4852c2
```
#4852c2 rgb(72,82,194)
```
#3f4acb
```
#3f4acb rgb(63,74,203)
```
#3642d4
```
#3642d4 rgb(54,66,212)
```
#2c3ade
```
#2c3ade rgb(44,58,222)
```
#2332e7
```
#2332e7 rgb(35,50,231)
```
#192af1
```
#192af1 rgb(25,42,241)
```
#1022fa
```
#1022fa rgb(16,34,250)
```

Tone Color Variation

Below, you can see how #1022fa 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

#353535 Achromatopsia 0.005% of the population
#2e315c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0057a9 Protanopia 1% of men
#005c91 Deuteranopia 1% of men
#006266 Tritanopia 0.001% of the population

Trichromacy

#0543c6 Protanomaly 1% of men, 0.01% of women
#0547b7 Deuteranomaly 6% of men, 0.4% of women
#054b9c Tritanomaly 0.01% of the population

#1022fa hex color

#1022fa Color Information

#1022fa Color Conversion

Color Schemes with #1022fa

Alternatives to #1022fa

#1022fa Preview

Shades and Tints of #1022fa

Tones of #1022fa

Color Blindness Simulator