colorhexa.com

#1022fd hex color

In a RGB color space, hex #1022fd is composed of 6.3% red, 13.3% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 93.7% cyan, 86.6% magenta, 0% yellow and 0.8% black. It has a hue angle of 235.4 degrees, a saturation of 98.3% and a lightness of 52.7%. #1022fd color hex could be obtained by blending #2044ff with #0000fb. Closest websafe color is: #0033ff.

- R 6
- G 13
- B 99
RGB color chart
- C 94
- M 87
- Y 0
- K 1
CMYK color chart

● #1022fd color description : Vivid blue.

The hexadecimal color #1022fd has RGB values of R:16, G:34, B:253 and CMYK values of C:0.94, M:0.87, Y:0, K:0.01. Its decimal value is 1057533.

Hex triplet	1022fd	`#1022fd`
RGB Decimal	16, 34, 253	`rgb(16,34,253)`
RGB Percent	6.3, 13.3, 99.2	`rgb(6.3%,13.3%,99.2%)`
CMYK	94, 87, 0, 1
HSL	235.4°, 98.3, 52.7	`hsl(235.4,98.3%,52.7%)`
HSV (or HSB)	235.4°, 93.7, 99.2
Web Safe	0033ff	`#0033ff`

CIE-LAB	34.691, 71.334, -102.741
XYZ	18.512, 8.345, 93.558
xyY	0.154, 0.069, 8.345
CIE-LCH	34.691, 125.077, 304.773
CIE-LUV	34.691, -10.529, -131.396
Hunter-Lab	28.887, 63.836, -171.805
Binary	00010000, 00100010, 11111101

#1022fd
```
#1022fd rgb(16,34,253)
```
#fdeb10
```
#fdeb10 rgb(253,235,16)
```

Complementary Color

#1099fd
```
#1099fd rgb(16,153,253)
```
#1022fd
```
#1022fd rgb(16,34,253)
```
#7510fd
```
#7510fd rgb(117,16,253)
```

Analogous Color

#99fd10
```
#99fd10 rgb(153,253,16)
```
#1022fd
```
#1022fd rgb(16,34,253)
```
#fd7510
```
#fd7510 rgb(253,117,16)
```

Split Complementary Color

#22fd10
```
#22fd10 rgb(34,253,16)
```
#1022fd
```
#1022fd rgb(16,34,253)
```
#fd1022
```
#fd1022 rgb(253,16,34)
```

Triadic Color

#10fdeb
```
#10fdeb rgb(16,253,235)
```
#1022fd
```
#1022fd rgb(16,34,253)
```
#fd1022
```
#fd1022 rgb(253,16,34)
```
#fdeb10
```
#fdeb10 rgb(253,235,16)
```

Tetradic Color

#0210bf
```
#0210bf rgb(2,16,191)
```
#0212d8
```
#0212d8 rgb(2,18,216)
```
#0214f1
```
#0214f1 rgb(2,20,241)
```
#1022fd
```
#1022fd rgb(16,34,253)
```
#2939fd
```
#2939fd rgb(41,57,253)
```
#4351fd
```
#4351fd rgb(67,81,253)
```
#5c68fe
```
#5c68fe rgb(92,104,254)
```

Monochromatic Color

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

#105dfd
```
#105dfd rgb(16,93,253)
```
#104afd
```
#104afd rgb(16,74,253)
```
#1036fd
```
#1036fd rgb(16,54,253)
```
#1022fd
```
#1022fd rgb(16,34,253)
```
#1210fd
```
#1210fd rgb(18,16,253)
```
#2610fd
```
#2610fd rgb(38,16,253)
```
#3910fd
```
#3910fd rgb(57,16,253)
```

Similar Colors

Text with hexadecimal color #1022fd

This text has a font color of #1022fd.

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

#1022fd background color

This paragraph has a background color of #1022fd.

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

#1022fd border color

This element has a border color of #1022fd.

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

CSS codes

.text {color:#1022fd;}

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

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

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

#00010e
```
#00010e rgb(0,1,14)
```
#000321
```
#000321 rgb(0,3,33)
```
#000435
```
#000435 rgb(0,4,53)
```
#010648
```
#010648 rgb(1,6,72)
```
#01085c
```
#01085c rgb(1,8,92)
```
#01096f
```
#01096f rgb(1,9,111)
```
#010b83
```
#010b83 rgb(1,11,131)
```
#010d96
```
#010d96 rgb(1,13,150)
```
#010eaa
```
#010eaa rgb(1,14,170)
```
#0210bd
```
#0210bd rgb(2,16,189)
```
#0211d0
```
#0211d0 rgb(2,17,208)
```
#0213e4
```
#0213e4 rgb(2,19,228)
```
#0215f7
```
#0215f7 rgb(2,21,247)
```

Shade Color Variation

#1022fd
```
#1022fd rgb(16,34,253)
```
#2334fd
```
#2334fd rgb(35,52,253)
```
#3746fd
```
#3746fd rgb(55,70,253)
```
#4a58fd
```
#4a58fd rgb(74,88,253)
```
#5e6afe
```
#5e6afe rgb(94,106,254)
```
#717cfe
```
#717cfe rgb(113,124,254)
```
#858efe
```
#858efe rgb(133,142,254)
```
#98a0fe
```
#98a0fe rgb(152,160,254)
```
#acb2fe
```
#acb2fe rgb(172,178,254)
```
#bfc4fe
```
#bfc4fe rgb(191,196,254)
```
#d3d6ff
```
#d3d6ff rgb(211,214,255)
```
#e6e8ff
```
#e6e8ff rgb(230,232,255)
```
#f9faff
```
#f9faff rgb(249,250,255)
```

Tint Color Variation

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

#7f808e
```
#7f808e rgb(127,128,142)
```
#767897
```
#767897 rgb(118,120,151)
```
#6d71a0
```
#6d71a0 rgb(109,113,160)
```
#6369aa
```
#6369aa rgb(99,105,170)
```
#5a61b3
```
#5a61b3 rgb(90,97,179)
```
#5159bc
```
#5159bc rgb(81,89,188)
```
#4851c5
```
#4851c5 rgb(72,81,197)
```
#3e49cf
```
#3e49cf rgb(62,73,207)
```
#3541d8
```
#3541d8 rgb(53,65,216)
```
#2c3ae1
```
#2c3ae1 rgb(44,58,225)
```
#2332ea
```
#2332ea rgb(35,50,234)
```
#192af4
```
#192af4 rgb(25,42,244)
```
#1022fd
```
#1022fd rgb(16,34,253)
```

Tone Color Variation

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

#363636 Achromatopsia 0.005% of the population
#2e325e 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

#0544c8 Protanomaly 1% of men, 0.01% of women
#0547b9 Deuteranomaly 6% of men, 0.4% of women
#054b9d Tritanomaly 0.01% of the population