#1020f4 hex color

In a RGB color space, hex #1020f4 is composed of 6.3% red, 12.5% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 93.4% cyan, 86.9% magenta, 0% yellow and 4.3% black. It has a hue angle of 235.8 degrees, a saturation of 91.2% and a lightness of 51%. #1020f4 color hex could be obtained by blending #2040ff with #0000e9. Closest websafe color is: #0033ff.

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

● #1020f4 color description : Vivid blue.

The hexadecimal color #1020f4 has RGB values of R:16, G:32, B:244 and CMYK values of C:0.93, M:0.87, Y:0, K:0.04. Its decimal value is 1057012.

Hex triplet	1020f4	`#1020f4`
RGB Decimal	16, 32, 244	`rgb(16,32,244)`
RGB Percent	6.3, 12.5, 95.7	`rgb(6.3%,12.5%,95.7%)`
CMYK	93, 87, 0, 4
HSL	235.8°, 91.2, 51	`hsl(235.8,91.2%,51%)`
HSV (or HSB)	235.8°, 93.4, 95.7
Web Safe	0033ff	`#0033ff`

CIE-LAB	33.293, 69.551, -100.004
XYZ	17.056, 7.674, 86.165
xyY	0.154, 0.069, 7.674
CIE-LCH	33.293, 121.811, 304.818
CIE-LUV	33.293, -10.041, -126.188
Hunter-Lab	27.701, 61.429, -165.033
Binary	00010000, 00100000, 11110100

#1020f4
```
#1020f4 rgb(16,32,244)
```
#f4e410
```
#f4e410 rgb(244,228,16)
```

Complementary Color

#1092f4
```
#1092f4 rgb(16,146,244)
```
#1020f4
```
#1020f4 rgb(16,32,244)
```
#7210f4
```
#7210f4 rgb(114,16,244)
```

Analogous Color

#92f410
```
#92f410 rgb(146,244,16)
```
#1020f4
```
#1020f4 rgb(16,32,244)
```
#f47210
```
#f47210 rgb(244,114,16)
```

Split Complementary Color

#20f410
```
#20f410 rgb(32,244,16)
```
#1020f4
```
#1020f4 rgb(16,32,244)
```
#f41020
```
#f41020 rgb(244,16,32)
```

Triadic Color

#10f4e4
```
#10f4e4 rgb(16,244,228)
```
#1020f4
```
#1020f4 rgb(16,32,244)
```
#f41020
```
#f41020 rgb(244,16,32)
```
#f4e410
```
#f4e410 rgb(244,228,16)
```

Tetradic Color

#0814af
```
#0814af rgb(8,20,175)
```
#0917c8
```
#0917c8 rgb(9,23,200)
```
#0a19e0
```
#0a19e0 rgb(10,25,224)
```
#1020f4
```
#1020f4 rgb(16,32,244)
```
#2837f5
```
#2837f5 rgb(40,55,245)
```
#414df6
```
#414df6 rgb(65,77,246)
```
#5964f7
```
#5964f7 rgb(89,100,247)
```

Monochromatic Color

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

#1059f4
```
#1059f4 rgb(16,89,244)
```
#1046f4
```
#1046f4 rgb(16,70,244)
```
#1033f4
```
#1033f4 rgb(16,51,244)
```
#1020f4
```
#1020f4 rgb(16,32,244)
```
#1310f4
```
#1310f4 rgb(19,16,244)
```
#2610f4
```
#2610f4 rgb(38,16,244)
```
#3910f4
```
#3910f4 rgb(57,16,244)
```

Similar Colors

Text with hexadecimal color #1020f4

This text has a font color of #1020f4.

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

#1020f4 background color

This paragraph has a background color of #1020f4.

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

#1020f4 border color

This element has a border color of #1020f4.

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

CSS codes

.text {color:#1020f4;}

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

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

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

#000105
```
#000105 rgb(0,1,5)
```
#010318
```
#010318 rgb(1,3,24)
```
#02052a
```
#02052a rgb(2,5,42)
```
#03073d
```
#03073d rgb(3,7,61)
```
#040950
```
#040950 rgb(4,9,80)
```
#050b63
```
#050b63 rgb(5,11,99)
```
#050d75
```
#050d75 rgb(5,13,117)
```
#060f88
```
#060f88 rgb(6,15,136)
```
#07119b
```
#07119b rgb(7,17,155)
```
#0814ae
```
#0814ae rgb(8,20,174)
```
#0916c0
```
#0916c0 rgb(9,22,192)
```
#0a18d3
```
#0a18d3 rgb(10,24,211)
```
#0b1ae6
```
#0b1ae6 rgb(11,26,230)
```

Shade Color Variation

#1020f4
```
#1020f4 rgb(16,32,244)
```
#2331f5
```
#2331f5 rgb(35,49,245)
```
#3643f6
```
#3643f6 rgb(54,67,246)
```
#4854f7
```
#4854f7 rgb(72,84,247)
```
#5b66f7
```
#5b66f7 rgb(91,102,247)
```
#6e77f8
```
#6e77f8 rgb(110,119,248)
```
#8189f9
```
#8189f9 rgb(129,137,249)
```
#939afa
```
#939afa rgb(147,154,250)
```
#a6acfb
```
#a6acfb rgb(166,172,251)
```
#b9bdfc
```
#b9bdfc rgb(185,189,252)
```
#cccffd
```
#cccffd rgb(204,207,253)
```
#dee0fd
```
#dee0fd rgb(222,224,253)
```
#f1f2fe
```
#f1f2fe rgb(241,242,254)
```

Tint Color Variation

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

#7a7b8a
```
#7a7b8a rgb(122,123,138)
```
#707394
```
#707394 rgb(112,115,148)
```
#676a9d
```
#676a9d rgb(103,106,157)
```
#5d62a7
```
#5d62a7 rgb(93,98,167)
```
#535ab1
```
#535ab1 rgb(83,90,177)
```
#4a52ba
```
#4a52ba rgb(74,82,186)
```
#4049c4
```
#4049c4 rgb(64,73,196)
```
#3641ce
```
#3641ce rgb(54,65,206)
```
#2d39d7
```
#2d39d7 rgb(45,57,215)
```
#2331e1
```
#2331e1 rgb(35,49,225)
```
#1a28ea
```
#1a28ea rgb(26,40,234)
```
#1020f4
```
#1020f4 rgb(16,32,244)
```
#0618fe
```
#0618fe rgb(6,24,254)
```

Tone Color Variation

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

#333333 Achromatopsia 0.005% of the population
#2c2f5a Atypical Achromatopsia 0.001% of the population

Dichromacy

#0055a4 Protanopia 1% of men
#005a8e Deuteranopia 1% of men
#006064 Tritanopia 0.001% of the population

Trichromacy

#0541c1 Protanomaly 1% of men, 0.01% of women
#0545b3 Deuteranomaly 6% of men, 0.4% of women
#054898 Tritanomaly 0.01% of the population

#1020f4 hex color

#1020f4 Color Information

#1020f4 Color Conversion

Color Schemes with #1020f4

Alternatives to #1020f4

#1020f4 Preview

Shades and Tints of #1020f4

Tones of #1020f4

Color Blindness Simulator