#012cec hex color

In a RGB color space, hex #012cec is composed of 0.4% red, 17.3% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 99.6% cyan, 81.4% magenta, 0% yellow and 7.5% black. It has a hue angle of 229 degrees, a saturation of 99.2% and a lightness of 46.5%. #012cec color hex could be obtained by blending #0258ff with #0000d9. Closest websafe color is: #0033ff.

♥
- f
- t
- g
- R 0
- G 17
- B 93
RGB color chart
- C 100
- M 81
- Y 0
- K 7
CMYK color chart

● #012cec color description : Vivid blue.

The hexadecimal color #012cec has RGB values of R:1, G:44, B:236 and CMYK values of C:1, M:0.81, Y:0, K:0.07. Its decimal value is 77036.

Hex triplet	012cec	`#012cec`
RGB Decimal	1, 44, 236	`rgb(1,44,236)`
RGB Percent	0.4, 17.3, 92.5	`rgb(0.4%,17.3%,92.5%)`
CMYK	100, 81, 0, 7
HSL	229°, 99.2, 46.5	`hsl(229,99.2%,46.5%)`
HSV (or HSB)	229°, 99.6, 92.5
Web Safe	0033ff	`#0033ff`

CIE-LAB	33.695, 62.164, -94.807
XYZ	16.05, 7.863, 80.024
xyY	0.154, 0.076, 7.863
CIE-LCH	33.695, 113.37, 303.252
CIE-LUV	33.695, -11.479, -122.282
Hunter-Lab	28.04, 53.104, -149.578
Binary	00000001, 00101100, 11101100

#012cec
```
#012cec rgb(1,44,236)
```
#ecc101
```
#ecc101 rgb(236,193,1)
```

Complementary Color

#01a2ec
```
#01a2ec rgb(1,162,236)
```
#012cec
```
#012cec rgb(1,44,236)
```
#4c01ec
```
#4c01ec rgb(76,1,236)
```

Analogous Color

#a2ec01
```
#a2ec01 rgb(162,236,1)
```
#012cec
```
#012cec rgb(1,44,236)
```
#ec4b01
```
#ec4b01 rgb(236,75,1)
```

Split Complementary Color

#2cec01
```
#2cec01 rgb(44,236,1)
```
#012cec
```
#012cec rgb(1,44,236)
```
#ec012c
```
#ec012c rgb(236,1,44)
```

Triadic Color

#01ecc1
```
#01ecc1 rgb(1,236,193)
```
#012cec
```
#012cec rgb(1,44,236)
```
#ec012c
```
#ec012c rgb(236,1,44)
```
#ecc101
```
#ecc101 rgb(236,193,1)
```

Tetradic Color

#011ea0
```
#011ea0 rgb(1,30,160)
```
#0123b9
```
#0123b9 rgb(1,35,185)
```
#0127d3
```
#0127d3 rgb(1,39,211)
```
#012cec
```
#012cec rgb(1,44,236)
```
#0935fe
```
#0935fe rgb(9,53,254)
```
#224afe
```
#224afe rgb(34,74,254)
```
#3b5ffe
```
#3b5ffe rgb(59,95,254)
```

Monochromatic Color

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

#0167ec
```
#0167ec rgb(1,103,236)
```
#0153ec
```
#0153ec rgb(1,83,236)
```
#0140ec
```
#0140ec rgb(1,64,236)
```
#012cec
```
#012cec rgb(1,44,236)
```
#0118ec
```
#0118ec rgb(1,24,236)
```
#0105ec
```
#0105ec rgb(1,5,236)
```
#1101ec
```
#1101ec rgb(17,1,236)
```

Similar Colors

Text with hexadecimal color #012cec

This text has a font color of #012cec.

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

#012cec background color

This paragraph has a background color of #012cec.

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

#012cec border color

This element has a border color of #012cec.

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

CSS codes

.text {color:#012cec;}

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

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

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

#000002
```
#000002 rgb(0,0,2)
```
#000415
```
#000415 rgb(0,4,21)
```
#000829
```
#000829 rgb(0,8,41)
```
#000b3c
```
#000b3c rgb(0,11,60)
```
#000f50
```
#000f50 rgb(0,15,80)
```
#001363
```
#001363 rgb(0,19,99)
```
#011677
```
#011677 rgb(1,22,119)
```
#011a8a
```
#011a8a rgb(1,26,138)
```
#011d9e
```
#011d9e rgb(1,29,158)
```
#0121b1
```
#0121b1 rgb(1,33,177)
```
#0125c5
```
#0125c5 rgb(1,37,197)
```
#0128d8
```
#0128d8 rgb(1,40,216)
```
#012cec
```
#012cec rgb(1,44,236)
```

Shade Color Variation

#0331fe
```
#0331fe rgb(3,49,254)
```
#1641fe
```
#1641fe rgb(22,65,254)
```
#2a51fe
```
#2a51fe rgb(42,81,254)
```
#3d61fe
```
#3d61fe rgb(61,97,254)
```
#5171fe
```
#5171fe rgb(81,113,254)
```
#6481fe
```
#6481fe rgb(100,129,254)
```
#7890fe
```
#7890fe rgb(120,144,254)
```
#8ba0ff
```
#8ba0ff rgb(139,160,255)
```
#9fb0ff
```
#9fb0ff rgb(159,176,255)
```
#b2c0ff
```
#b2c0ff rgb(178,192,255)
```
#c6d0ff
```
#c6d0ff rgb(198,208,255)
```
#dae0ff
```
#dae0ff rgb(218,224,255)
```
#edf0ff
```
#edf0ff rgb(237,240,255)
```

Tint Color Variation

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

#6e717f
```
#6e717f rgb(110,113,127)
```
#656c88
```
#656c88 rgb(101,108,136)
```
#5c6691
```
#5c6691 rgb(92,102,145)
```
#53609a
```
#53609a rgb(83,96,154)
```
#4a5aa3
```
#4a5aa3 rgb(74,90,163)
```
#4154ac
```
#4154ac rgb(65,84,172)
```
#384fb5
```
#384fb5 rgb(56,79,181)
```
#2f49be
```
#2f49be rgb(47,73,190)
```
#2543c8
```
#2543c8 rgb(37,67,200)
```
#1c3dd1
```
#1c3dd1 rgb(28,61,209)
```
#1338da
```
#1338da rgb(19,56,218)
```
#0a32e3
```
#0a32e3 rgb(10,50,227)
```
#012cec
```
#012cec rgb(1,44,236)
```

Tone Color Variation

Below, you can see how #012cec 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
#2b335a Atypical Achromatopsia 0.001% of the population

Dichromacy

#0055a6 Protanopia 1% of men
#005b8f Deuteranopia 1% of men
#006165 Tritanopia 0.001% of the population

Trichromacy

#0046bf Protanomaly 1% of men, 0.01% of women
#0049b1 Deuteranomaly 6% of men, 0.4% of women
#004d96 Tritanomaly 0.01% of the population

#012cec hex color

#012cec Color Information

#012cec Color Conversion

Color Schemes with #012cec

Alternatives to #012cec

#012cec Preview

Shades and Tints of #012cec

Tones of #012cec

Color Blindness Simulator