#1012f3 hex color

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

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

● #1012f3 color description : Vivid blue.

The hexadecimal color #1012f3 has RGB values of R:16, G:18, B:243 and CMYK values of C:0.93, M:0.93, Y:0, K:0.05. Its decimal value is 1053427.

Hex triplet	1012f3	`#1012f3`
RGB Decimal	16, 18, 243	`rgb(16,18,243)`
RGB Percent	6.3, 7.1, 95.3	`rgb(6.3%,7.1%,95.3%)`
CMYK	93, 93, 0, 5
HSL	239.5°, 90.4, 50.8	`hsl(239.5,90.4%,50.8%)`
HSV (or HSB)	239.5°, 93.4, 95.3
Web Safe	0000ff	`#0000ff`

CIE-LAB	31.835, 73.323, -101.873
XYZ	16.604, 7.013, 85.267
xyY	0.152, 0.064, 7.013
CIE-LCH	31.835, 125.516, 305.745
CIE-LUV	31.835, -9.081, -124.652
Hunter-Lab	26.481, 65.582, -172.372
Binary	00010000, 00010010, 11110011

#1012f3
```
#1012f3 rgb(16,18,243)
```
#f3f110
```
#f3f110 rgb(243,241,16)
```

Complementary Color

#1084f3
```
#1084f3 rgb(16,132,243)
```
#1012f3
```
#1012f3 rgb(16,18,243)
```
#8010f3
```
#8010f3 rgb(128,16,243)
```

Analogous Color

#84f310
```
#84f310 rgb(132,243,16)
```
#1012f3
```
#1012f3 rgb(16,18,243)
```
#f38010
```
#f38010 rgb(243,128,16)
```

Split Complementary Color

#12f310
```
#12f310 rgb(18,243,16)
```
#1012f3
```
#1012f3 rgb(16,18,243)
```
#f31012
```
#f31012 rgb(243,16,18)
```

Triadic Color

#10f3f1
```
#10f3f1 rgb(16,243,241)
```
#1012f3
```
#1012f3 rgb(16,18,243)
```
#f31012
```
#f31012 rgb(243,16,18)
```
#f3f110
```
#f3f110 rgb(243,241,16)
```

Tetradic Color

#090aae
```
#090aae rgb(9,10,174)
```
#0a0cc6
```
#0a0cc6 rgb(10,12,198)
```
#0b0dde
```
#0b0dde rgb(11,13,222)
```
#1012f3
```
#1012f3 rgb(16,18,243)
```
#282af4
```
#282af4 rgb(40,42,244)
```
#4142f5
```
#4142f5 rgb(65,66,245)
```
#595af7
```
#595af7 rgb(89,90,247)
```

Monochromatic Color

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

#104bf3
```
#104bf3 rgb(16,75,243)
```
#1038f3
```
#1038f3 rgb(16,56,243)
```
#1025f3
```
#1025f3 rgb(16,37,243)
```
#1012f3
```
#1012f3 rgb(16,18,243)
```
#2110f3
```
#2110f3 rgb(33,16,243)
```
#3410f3
```
#3410f3 rgb(52,16,243)
```
#4710f3
```
#4710f3 rgb(71,16,243)
```

Similar Colors

Text with hexadecimal color #1012f3

This text has a font color of #1012f3.

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

#1012f3 background color

This paragraph has a background color of #1012f3.

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

#1012f3 border color

This element has a border color of #1012f3.

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

CSS codes

.text {color:#1012f3;}

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

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

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

#000004
```
#000004 rgb(0,0,4)
```
#010116
```
#010116 rgb(1,1,22)
```
#020229
```
#020229 rgb(2,2,41)
```
#03043c
```
#03043c rgb(3,4,60)
```
#04054f
```
#04054f rgb(4,5,79)
```
#050661
```
#050661 rgb(5,6,97)
```
#060774
```
#060774 rgb(6,7,116)
```
#070887
```
#070887 rgb(7,8,135)
```
#080999
```
#080999 rgb(8,9,153)
```
#090aac
```
#090aac rgb(9,10,172)
```
#0a0bbf
```
#0a0bbf rgb(10,11,191)
```
#0b0cd1
```
#0b0cd1 rgb(11,12,209)
```
#0b0de4
```
#0b0de4 rgb(11,13,228)
```

Shade Color Variation

#1012f3
```
#1012f3 rgb(16,18,243)
```
#2325f4
```
#2325f4 rgb(35,37,244)
```
#3537f5
```
#3537f5 rgb(53,55,245)
```
#484af6
```
#484af6 rgb(72,74,246)
```
#5b5cf7
```
#5b5cf7 rgb(91,92,247)
```
#6d6ff8
```
#6d6ff8 rgb(109,111,248)
```
#8081f9
```
#8081f9 rgb(128,129,249)
```
#9394fa
```
#9394fa rgb(147,148,250)
```
#a5a6fb
```
#a5a6fb rgb(165,166,251)
```
#b8b9fb
```
#b8b9fb rgb(184,185,251)
```
#cbcbfc
```
#cbcbfc rgb(203,203,252)
```
#dddefd
```
#dddefd rgb(221,222,253)
```
#f0f0fe
```
#f0f0fe rgb(240,240,254)
```

Tint Color Variation

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

#7a7a89
```
#7a7a89 rgb(122,122,137)
```
#717192
```
#717192 rgb(113,113,146)
```
#67679c
```
#67679c rgb(103,103,156)
```
#5d5ea6
```
#5d5ea6 rgb(93,94,166)
```
#5454af
```
#5454af rgb(84,84,175)
```
#4a4bb9
```
#4a4bb9 rgb(74,75,185)
```
#4041c3
```
#4041c3 rgb(64,65,195)
```
#3738cc
```
#3738cc rgb(55,56,204)
```
#2d2ed6
```
#2d2ed6 rgb(45,46,214)
```
#2325e0
```
#2325e0 rgb(35,37,224)
```
#1a1be9
```
#1a1be9 rgb(26,27,233)
```
#1012f3
```
#1012f3 rgb(16,18,243)
```
#0609fd
```
#0609fd rgb(6,9,253)
```

Tone Color Variation

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

#00529e Protanopia 1% of men
#005688 Deuteranopia 1% of men
#005c60 Tritanopia 0.001% of the population

Trichromacy

#053abd Protanomaly 1% of men, 0.01% of women
#053daf Deuteranomaly 6% of men, 0.4% of women
#054195 Tritanomaly 0.01% of the population

#1012f3 hex color

#1012f3 Color Information

#1012f3 Color Conversion

Color Schemes with #1012f3

Alternatives to #1012f3

#1012f3 Preview

Shades and Tints of #1012f3

Tones of #1012f3

Color Blindness Simulator