#1012f4 hex color

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

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

● #1012f4 color description : Vivid blue.

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

Hex triplet	1012f4	`#1012f4`
RGB Decimal	16, 18, 244	`rgb(16,18,244)`
RGB Percent	6.3, 7.1, 95.7	`rgb(6.3%,7.1%,95.7%)`
CMYK	93, 93, 0, 4
HSL	239.5°, 91.2, 51	`hsl(239.5,91.2%,51%)`
HSV (or HSB)	239.5°, 93.4, 95.7
Web Safe	0000ff	`#0000ff`

CIE-LAB	31.973, 73.579, -102.209
XYZ	16.756, 7.073, 86.065
xyY	0.152, 0.064, 7.073
CIE-LCH	31.973, 125.938, 305.749
CIE-LUV	31.973, -9.122, -125.224
Hunter-Lab	26.595, 65.919, -173.251
Binary	00010000, 00010010, 11110100

#1012f4
```
#1012f4 rgb(16,18,244)
```
#f4f210
```
#f4f210 rgb(244,242,16)
```

Complementary Color

#1084f4
```
#1084f4 rgb(16,132,244)
```
#1012f4
```
#1012f4 rgb(16,18,244)
```
#8010f4
```
#8010f4 rgb(128,16,244)
```

Analogous Color

#84f410
```
#84f410 rgb(132,244,16)
```
#1012f4
```
#1012f4 rgb(16,18,244)
```
#f48010
```
#f48010 rgb(244,128,16)
```

Split Complementary Color

#12f410
```
#12f410 rgb(18,244,16)
```
#1012f4
```
#1012f4 rgb(16,18,244)
```
#f41012
```
#f41012 rgb(244,16,18)
```

Triadic Color

#10f4f2
```
#10f4f2 rgb(16,244,242)
```
#1012f4
```
#1012f4 rgb(16,18,244)
```
#f41012
```
#f41012 rgb(244,16,18)
```
#f4f210
```
#f4f210 rgb(244,242,16)
```

Tetradic Color

#080aaf
```
#080aaf rgb(8,10,175)
```
#090bc8
```
#090bc8 rgb(9,11,200)
```
#0a0ce0
```
#0a0ce0 rgb(10,12,224)
```
#1012f4
```
#1012f4 rgb(16,18,244)
```
#282af5
```
#282af5 rgb(40,42,245)
```
#4142f6
```
#4142f6 rgb(65,66,246)
```
#595bf7
```
#595bf7 rgb(89,91,247)
```

Monochromatic Color

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

#104bf4
```
#104bf4 rgb(16,75,244)
```
#1038f4
```
#1038f4 rgb(16,56,244)
```
#1025f4
```
#1025f4 rgb(16,37,244)
```
#1012f4
```
#1012f4 rgb(16,18,244)
```
#2110f4
```
#2110f4 rgb(33,16,244)
```
#3410f4
```
#3410f4 rgb(52,16,244)
```
#4710f4
```
#4710f4 rgb(71,16,244)
```

Similar Colors

Text with hexadecimal color #1012f4

This text has a font color of #1012f4.

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

#1012f4 background color

This paragraph has a background color of #1012f4.

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

#1012f4 border color

This element has a border color of #1012f4.

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

CSS codes

.text {color:#1012f4;}

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

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

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

#000005
```
#000005 rgb(0,0,5)
```
#010118
```
#010118 rgb(1,1,24)
```
#02022a
```
#02022a rgb(2,2,42)
```
#03033d
```
#03033d rgb(3,3,61)
```
#040450
```
#040450 rgb(4,4,80)
```
#050563
```
#050563 rgb(5,5,99)
```
#050675
```
#050675 rgb(5,6,117)
```
#060788
```
#060788 rgb(6,7,136)
```
#07089b
```
#07089b rgb(7,8,155)
```
#0809ae
```
#0809ae rgb(8,9,174)
```
#090ac0
```
#090ac0 rgb(9,10,192)
```
#0a0bd3
```
#0a0bd3 rgb(10,11,211)
```
#0b0de6
```
#0b0de6 rgb(11,13,230)
```

Shade Color Variation

#1012f4
```
#1012f4 rgb(16,18,244)
```
#2325f5
```
#2325f5 rgb(35,37,245)
```
#3637f6
```
#3637f6 rgb(54,55,246)
```
#484af7
```
#484af7 rgb(72,74,247)
```
#5b5cf7
```
#5b5cf7 rgb(91,92,247)
```
#6e6ff8
```
#6e6ff8 rgb(110,111,248)
```
#8182f9
```
#8182f9 rgb(129,130,249)
```
#9394fa
```
#9394fa rgb(147,148,250)
```
#a6a7fb
```
#a6a7fb rgb(166,167,251)
```
#b9b9fc
```
#b9b9fc rgb(185,185,252)
```
#ccccfd
```
#ccccfd rgb(204,204,253)
```
#dedffd
```
#dedffd rgb(222,223,253)
```
#f1f1fe
```
#f1f1fe rgb(241,241,254)
```

Tint Color Variation

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

#7a7a8a
```
#7a7a8a rgb(122,122,138)
```
#707094
```
#707094 rgb(112,112,148)
```
#67679d
```
#67679d rgb(103,103,157)
```
#5d5ea7
```
#5d5ea7 rgb(93,94,167)
```
#5354b1
```
#5354b1 rgb(83,84,177)
```
#4a4bba
```
#4a4bba rgb(74,75,186)
```
#4041c4
```
#4041c4 rgb(64,65,196)
```
#3638ce
```
#3638ce rgb(54,56,206)
```
#2d2ed7
```
#2d2ed7 rgb(45,46,215)
```
#2325e1
```
#2325e1 rgb(35,37,225)
```
#1a1bea
```
#1a1bea rgb(26,27,234)
```
#1012f4
```
#1012f4 rgb(16,18,244)
```
#0609fe
```
#0609fe rgb(6,9,254)
```

Tone Color Variation

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

#2b2b2b Achromatopsia 0.005% of the population
#262653 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00529f Protanopia 1% of men
#005789 Deuteranopia 1% of men
#005d60 Tritanopia 0.001% of the population

Trichromacy

#053abe Protanomaly 1% of men, 0.01% of women
#053eb0 Deuteranomaly 6% of men, 0.4% of women
#054196 Tritanomaly 0.01% of the population

#1012f4 hex color

#1012f4 Color Information

#1012f4 Color Conversion

Color Schemes with #1012f4

Alternatives to #1012f4

#1012f4 Preview

Shades and Tints of #1012f4

Tones of #1012f4

Color Blindness Simulator