#012ff6 hex color

In a RGB color space, hex #012ff6 is composed of 0.4% red, 18.4% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 99.6% cyan, 80.9% magenta, 0% yellow and 3.5% black. It has a hue angle of 228.7 degrees, a saturation of 99.2% and a lightness of 48.4%. #012ff6 color hex could be obtained by blending #025eff with #0000ed. Closest websafe color is: #0033ff.

♥
- f
- t
- g
- R 0
- G 18
- B 96
RGB color chart
- C 100
- M 81
- Y 0
- K 4
CMYK color chart

● #012ff6 color description : Vivid blue.

The hexadecimal color #012ff6 has RGB values of R:1, G:47, B:246 and CMYK values of C:1, M:0.81, Y:0, K:0.04. Its decimal value is 77814.

Hex triplet	012ff6	`#012ff6`
RGB Decimal	1, 47, 246	`rgb(1,47,246)`
RGB Percent	0.4, 18.4, 96.5	`rgb(0.4%,18.4%,96.5%)`
CMYK	100, 81, 0, 4
HSL	228.7°, 99.2, 48.4	`hsl(228.7,99.2%,48.4%)`
HSV (or HSB)	228.7°, 99.6, 96.5
Web Safe	0033ff	`#0033ff`

CIE-LAB	35.384, 63.83, -97.654
XYZ	17.66, 8.692, 87.931
xyY	0.155, 0.076, 8.692
CIE-LCH	35.384, 116.665, 303.17
CIE-LUV	35.384, -12.103, -128.056
Hunter-Lab	29.482, 55.331, -156.196
Binary	00000001, 00101111, 11110110

#012ff6
```
#012ff6 rgb(1,47,246)
```
#f6c801
```
#f6c801 rgb(246,200,1)
```

Complementary Color

#01aaf6
```
#01aaf6 rgb(1,170,246)
```
#012ff6
```
#012ff6 rgb(1,47,246)
```
#4d01f6
```
#4d01f6 rgb(77,1,246)
```

Analogous Color

#aaf601
```
#aaf601 rgb(170,246,1)
```
#012ff6
```
#012ff6 rgb(1,47,246)
```
#f64d01
```
#f64d01 rgb(246,77,1)
```

Split Complementary Color

#2ff601
```
#2ff601 rgb(47,246,1)
```
#012ff6
```
#012ff6 rgb(1,47,246)
```
#f6012f
```
#f6012f rgb(246,1,47)
```

Triadic Color

#01f6c8
```
#01f6c8 rgb(1,246,200)
```
#012ff6
```
#012ff6 rgb(1,47,246)
```
#f6012f
```
#f6012f rgb(246,1,47)
```
#f6c801
```
#f6c801 rgb(246,200,1)
```

Tetradic Color

#0120aa
```
#0120aa rgb(1,32,170)
```
#0125c3
```
#0125c3 rgb(1,37,195)
```
#012add
```
#012add rgb(1,42,221)
```
#012ff6
```
#012ff6 rgb(1,47,246)
```
#123ffe
```
#123ffe rgb(18,63,254)
```
#2c53fe
```
#2c53fe rgb(44,83,254)
```
#4568fe
```
#4568fe rgb(69,104,254)
```

Monochromatic Color

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

#016cf6
```
#016cf6 rgb(1,108,246)
```
#0158f6
```
#0158f6 rgb(1,88,246)
```
#0143f6
```
#0143f6 rgb(1,67,246)
```
#012ff6
```
#012ff6 rgb(1,47,246)
```
#011bf6
```
#011bf6 rgb(1,27,246)
```
#0106f6
```
#0106f6 rgb(1,6,246)
```
#1001f6
```
#1001f6 rgb(16,1,246)
```

Similar Colors

Text with hexadecimal color #012ff6

This text has a font color of #012ff6.

<span style="color:#012ff6;">Text here</span>

#012ff6 background color

This paragraph has a background color of #012ff6.

<p style="background-color:#012ff6;">Content here</p>

#012ff6 border color

This element has a border color of #012ff6.

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

CSS codes

.text {color:#012ff6;}

.background {background-color:#012ff6;}

.border {border:1px solid #012ff6;}

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, #00020c is the darkest color, while #f7f9ff is the lightest one.

#00020c
```
#00020c rgb(0,2,12)
```
#00061f
```
#00061f rgb(0,6,31)
```
#000a33
```
#000a33 rgb(0,10,51)
```
#000d46
```
#000d46 rgb(0,13,70)
```
#00115a
```
#00115a rgb(0,17,90)
```
#00156d
```
#00156d rgb(0,21,109)
```
#011981
```
#011981 rgb(1,25,129)
```
#011c94
```
#011c94 rgb(1,28,148)
```
#0120a8
```
#0120a8 rgb(1,32,168)
```
#0124bb
```
#0124bb rgb(1,36,187)
```
#0128cf
```
#0128cf rgb(1,40,207)
```
#012be2
```
#012be2 rgb(1,43,226)
```
#012ff6
```
#012ff6 rgb(1,47,246)
```

Shade Color Variation

#0d3afe
```
#0d3afe rgb(13,58,254)
```
#204afe
```
#204afe rgb(32,74,254)
```
#345afe
```
#345afe rgb(52,90,254)
```
#476afe
```
#476afe rgb(71,106,254)
```
#5b79fe
```
#5b79fe rgb(91,121,254)
```
#6e89fe
```
#6e89fe rgb(110,137,254)
```
#8299fe
```
#8299fe rgb(130,153,254)
```
#95a9ff
```
#95a9ff rgb(149,169,255)
```
#a9b9ff
```
#a9b9ff rgb(169,185,255)
```
#bcc9ff
```
#bcc9ff rgb(188,201,255)
```
#d0d9ff
```
#d0d9ff rgb(208,217,255)
```
#e3e9ff
```
#e3e9ff rgb(227,233,255)
```
#f7f9ff
```
#f7f9ff rgb(247,249,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #737684 is the less saturated color, while #012ff6 is the most saturated one.

#737684
```
#737684 rgb(115,118,132)
```
#6a708e
```
#6a708e rgb(106,112,142)
```
#606a97
```
#606a97 rgb(96,106,151)
```
#5764a1
```
#5764a1 rgb(87,100,161)
```
#4d5eaa
```
#4d5eaa rgb(77,94,170)
```
#4459b4
```
#4459b4 rgb(68,89,180)
```
#3a53bd
```
#3a53bd rgb(58,83,189)
```
#314dc7
```
#314dc7 rgb(49,77,199)
```
#2747d0
```
#2747d0 rgb(39,71,208)
```
#1e41da
```
#1e41da rgb(30,65,218)
```
#143be3
```
#143be3 rgb(20,59,227)
```
#0b35ed
```
#0b35ed rgb(11,53,237)
```
#012ff6
```
#012ff6 rgb(1,47,246)
```

Tone Color Variation

Below, you can see how #012ff6 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

#383838 Achromatopsia 0.005% of the population
#2d365e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0059ad Protanopia 1% of men
#005e95 Deuteranopia 1% of men
#006569 Tritanopia 0.001% of the population

Trichromacy

#004ac8 Protanomaly 1% of men, 0.01% of women
#004db8 Deuteranomaly 6% of men, 0.4% of women
#00519c Tritanomaly 0.01% of the population

#012ff6 hex color

#012ff6 Color Information

#012ff6 Color Conversion

Color Schemes with #012ff6

Alternatives to #012ff6

#012ff6 Preview

Shades and Tints of #012ff6

Tones of #012ff6

Color Blindness Simulator