#1020ff hex color

In a RGB color space, hex #1020ff is composed of 6.3% red, 12.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 93.7% cyan, 87.5% magenta, 0% yellow and 0% black. It has a hue angle of 236 degrees, a saturation of 100% and a lightness of 53.1%. #1020ff color hex could be obtained by blending #2040ff with #0000ff. Closest websafe color is: #0033ff.

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

● #1020ff color description : Vivid blue.

The hexadecimal color #1020ff has RGB values of R:16, G:32, B:255 and CMYK values of C:0.94, M:0.87, Y:0, K:0. Its decimal value is 1057023.

Hex triplet	1020ff	`#1020ff`
RGB Decimal	16, 32, 255	`rgb(16,32,255)`
RGB Percent	6.3, 12.5, 100	`rgb(6.3%,12.5%,100%)`
CMYK	94, 87, 0, 0
HSL	236°, 100, 53.1	`hsl(236,100%,53.1%)`
HSV (or HSB)	236°, 93.7, 100
Web Safe	0033ff	`#0033ff`

CIE-LAB	34.725, 72.56, -103.805
XYZ	18.777, 8.362, 95.227
xyY	0.153, 0.068, 8.362
CIE-LCH	34.725, 126.651, 304.954
CIE-LUV	34.725, -10.44, -132.392
Hunter-Lab	28.917, 65.302, -175.009
Binary	00010000, 00100000, 11111111

#1020ff
```
#1020ff rgb(16,32,255)
```
#ffef10
```
#ffef10 rgb(255,239,16)
```

Complementary Color

#1098ff
```
#1098ff rgb(16,152,255)
```
#1020ff
```
#1020ff rgb(16,32,255)
```
#7810ff
```
#7810ff rgb(120,16,255)
```

Analogous Color

#98ff10
```
#98ff10 rgb(152,255,16)
```
#1020ff
```
#1020ff rgb(16,32,255)
```
#ff7810
```
#ff7810 rgb(255,120,16)
```

Split Complementary Color

#20ff10
```
#20ff10 rgb(32,255,16)
```
#1020ff
```
#1020ff rgb(16,32,255)
```
#ff1020
```
#ff1020 rgb(255,16,32)
```

Triadic Color

#10ffef
```
#10ffef rgb(16,255,239)
```
#1020ff
```
#1020ff rgb(16,32,255)
```
#ff1020
```
#ff1020 rgb(255,16,32)
```
#ffef10
```
#ffef10 rgb(255,239,16)
```

Tetradic Color

#000dc3
```
#000dc3 rgb(0,13,195)
```
#000fdc
```
#000fdc rgb(0,15,220)
```
#0010f6
```
#0010f6 rgb(0,16,246)
```
#1020ff
```
#1020ff rgb(16,32,255)
```
#2a38ff
```
#2a38ff rgb(42,56,255)
```
#4350ff
```
#4350ff rgb(67,80,255)
```
#5d67ff
```
#5d67ff rgb(93,103,255)
```

Monochromatic Color

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

#105cff
```
#105cff rgb(16,92,255)
```
#1048ff
```
#1048ff rgb(16,72,255)
```
#1034ff
```
#1034ff rgb(16,52,255)
```
#1020ff
```
#1020ff rgb(16,32,255)
```
#1410ff
```
#1410ff rgb(20,16,255)
```
#2810ff
```
#2810ff rgb(40,16,255)
```
#3c10ff
```
#3c10ff rgb(60,16,255)
```

Similar Colors

Text with hexadecimal color #1020ff

This text has a font color of #1020ff.

<span style="color:#1020ff;">Text here</span>

#1020ff background color

This paragraph has a background color of #1020ff.

<p style="background-color:#1020ff;">Content here</p>

#1020ff border color

This element has a border color of #1020ff.

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

CSS codes

.text {color:#1020ff;}

.background {background-color:#1020ff;}

.border {border:1px solid #1020ff;}

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

#000110
```
#000110 rgb(0,1,16)
```
#000224
```
#000224 rgb(0,2,36)
```
#000437
```
#000437 rgb(0,4,55)
```
#00054b
```
#00054b rgb(0,5,75)
```
#00065e
```
#00065e rgb(0,6,94)
```
#000872
```
#000872 rgb(0,8,114)
```
#000986
```
#000986 rgb(0,9,134)
```
#000a99
```
#000a99 rgb(0,10,153)
```
#000cad
```
#000cad rgb(0,12,173)
```
#000dc1
```
#000dc1 rgb(0,13,193)
```
#000ed4
```
#000ed4 rgb(0,14,212)
```
#0010e8
```
#0010e8 rgb(0,16,232)
```
#0011fb
```
#0011fb rgb(0,17,251)
```

Shade Color Variation

#1020ff
```
#1020ff rgb(16,32,255)
```
#2432ff
```
#2432ff rgb(36,50,255)
```
#3745ff
```
#3745ff rgb(55,69,255)
```
#4b57ff
```
#4b57ff rgb(75,87,255)
```
#5e69ff
```
#5e69ff rgb(94,105,255)
```
#727cff
```
#727cff rgb(114,124,255)
```
#868eff
```
#868eff rgb(134,142,255)
```
#99a0ff
```
#99a0ff rgb(153,160,255)
```
#adb2ff
```
#adb2ff rgb(173,178,255)
```
#c1c5ff
```
#c1c5ff rgb(193,197,255)
```
#d4d7ff
```
#d4d7ff rgb(212,215,255)
```
#e8e9ff
```
#e8e9ff rgb(232,233,255)
```
#fbfcff
```
#fbfcff rgb(251,252,255)
```

Tint Color Variation

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

#7e8091
```
#7e8091 rgb(126,128,145)
```
#75789a
```
#75789a rgb(117,120,154)
```
#6c70a3
```
#6c70a3 rgb(108,112,163)
```
#6368ac
```
#6368ac rgb(99,104,172)
```
#5a60b5
```
#5a60b5 rgb(90,96,181)
```
#5058bf
```
#5058bf rgb(80,88,191)
```
#4750c8
```
#4750c8 rgb(71,80,200)
```
#3e48d1
```
#3e48d1 rgb(62,72,209)
```
#3540da
```
#3540da rgb(53,64,218)
```
#2c38e3
```
#2c38e3 rgb(44,56,227)
```
#2230ed
```
#2230ed rgb(34,48,237)
```
#1928f6
```
#1928f6 rgb(25,40,246)
```
#1020ff
```
#1020ff rgb(16,32,255)
```

Tone Color Variation

Below, you can see how #1020ff 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
#2e315d 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

#0543c9 Protanomaly 1% of men, 0.01% of women
#0547ba Deuteranomaly 6% of men, 0.4% of women
#054b9e Tritanomaly 0.01% of the population

#1020ff hex color

#1020ff Color Information

#1020ff Color Conversion

Color Schemes with #1020ff

Alternatives to #1020ff

#1020ff Preview

Shades and Tints of #1020ff

Tones of #1020ff

Color Blindness Simulator