#012cde hex color

In a RGB color space, hex #012cde is composed of 0.4% red, 17.3% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 99.5% cyan, 80.2% magenta, 0% yellow and 12.9% black. It has a hue angle of 228.3 degrees, a saturation of 99.1% and a lightness of 43.7%. #012cde color hex could be obtained by blending #0258ff with #0000bd. Closest websafe color is: #0033cc.

♥
- f
- t
- g
- R 0
- G 17
- B 87
RGB color chart
- C 100
- M 80
- Y 0
- K 13
CMYK color chart

● #012cde color description : Vivid blue.

The hexadecimal color #012cde has RGB values of R:1, G:44, B:222 and CMYK values of C:1, M:0.8, Y:0, K:0.13. Its decimal value is 77022.

Hex triplet	012cde	`#012cde`
RGB Decimal	1, 44, 222	`rgb(1,44,222)`
RGB Percent	0.4, 17.3, 87.1	`rgb(0.4%,17.3%,87.1%)`
CMYK	100, 80, 0, 13
HSL	228.3°, 99.1, 43.7	`hsl(228.3,99.1%,43.7%)`
HSV (or HSB)	228.3°, 99.5, 87.1
Web Safe	0033cc	`#0033cc`

CIE-LAB	31.99, 57.804, -89.648
XYZ	14.095, 7.081, 69.727
xyY	0.155, 0.078, 7.081
CIE-LCH	31.99, 106.669, 302.813
CIE-LUV	31.99, -11.112, -114.333
Hunter-Lab	26.609, 47.987, -136.736
Binary	00000001, 00101100, 11011110

#012cde
```
#012cde rgb(1,44,222)
```
#deb301
```
#deb301 rgb(222,179,1)
```

Complementary Color

#019bde
```
#019bde rgb(1,155,222)
```
#012cde
```
#012cde rgb(1,44,222)
```
#4501de
```
#4501de rgb(69,1,222)
```

Analogous Color

#9bde01
```
#9bde01 rgb(155,222,1)
```
#012cde
```
#012cde rgb(1,44,222)
```
#de4501
```
#de4501 rgb(222,69,1)
```

Split Complementary Color

#2cde01
```
#2cde01 rgb(44,222,1)
```
#012cde
```
#012cde rgb(1,44,222)
```
#de012c
```
#de012c rgb(222,1,44)
```

Triadic Color

#01deb3
```
#01deb3 rgb(1,222,179)
```
#012cde
```
#012cde rgb(1,44,222)
```
#de012c
```
#de012c rgb(222,1,44)
```
#deb301
```
#deb301 rgb(222,179,1)
```

Tetradic Color

#011d92
```
#011d92 rgb(1,29,146)
```
#0122ab
```
#0122ab rgb(1,34,171)
```
#0127c5
```
#0127c5 rgb(1,39,197)
```
#012cde
```
#012cde rgb(1,44,222)
```
#0131f7
```
#0131f7 rgb(1,49,247)
```
#1442fe
```
#1442fe rgb(20,66,254)
```
#2d56fe
```
#2d56fe rgb(45,86,254)
```

Monochromatic Color

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

#0163de
```
#0163de rgb(1,99,222)
```
#0151de
```
#0151de rgb(1,81,222)
```
#013ede
```
#013ede rgb(1,62,222)
```
#012cde
```
#012cde rgb(1,44,222)
```
#011ade
```
#011ade rgb(1,26,222)
```
#0107de
```
#0107de rgb(1,7,222)
```
#0d01de
```
#0d01de rgb(13,1,222)
```

Similar Colors

Text with hexadecimal color #012cde

This text has a font color of #012cde.

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

#012cde background color

This paragraph has a background color of #012cde.

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

#012cde border color

This element has a border color of #012cde.

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

CSS codes

.text {color:#012cde;}

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

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

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

#000107
```
#000107 rgb(0,1,7)
```
#00051b
```
#00051b rgb(0,5,27)
```
#00092e
```
#00092e rgb(0,9,46)
```
#000d42
```
#000d42 rgb(0,13,66)
```
#001155
```
#001155 rgb(0,17,85)
```
#001569
```
#001569 rgb(0,21,105)
```
#01197c
```
#01197c rgb(1,25,124)
```
#011d90
```
#011d90 rgb(1,29,144)
```
#0120a3
```
#0120a3 rgb(1,32,163)
```
#0124b7
```
#0124b7 rgb(1,36,183)
```
#0128ca
```
#0128ca rgb(1,40,202)
```
#012cde
```
#012cde rgb(1,44,222)
```
#0130f2
```
#0130f2 rgb(1,48,242)
```

Shade Color Variation

#0838fe
```
#0838fe rgb(8,56,254)
```
#1c48fe
```
#1c48fe rgb(28,72,254)
```
#2f58fe
```
#2f58fe rgb(47,88,254)
```
#4367fe
```
#4367fe rgb(67,103,254)
```
#5677fe
```
#5677fe rgb(86,119,254)
```
#6a87fe
```
#6a87fe rgb(106,135,254)
```
#7e97fe
```
#7e97fe rgb(126,151,254)
```
#91a6ff
```
#91a6ff rgb(145,166,255)
```
#a5b6ff
```
#a5b6ff rgb(165,182,255)
```
#b8c6ff
```
#b8c6ff rgb(184,198,255)
```
#ccd6ff
```
#ccd6ff rgb(204,214,255)
```
#dfe5ff
```
#dfe5ff rgb(223,229,255)
```
#f3f5ff
```
#f3f5ff rgb(243,245,255)
```

Tint Color Variation

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

#686b77
```
#686b77 rgb(104,107,119)
```
#5f6680
```
#5f6680 rgb(95,102,128)
```
#576088
```
#576088 rgb(87,96,136)
```
#4e5b91
```
#4e5b91 rgb(78,91,145)
```
#465699
```
#465699 rgb(70,86,153)
```
#3d51a2
```
#3d51a2 rgb(61,81,162)
```
#344bab
```
#344bab rgb(52,75,171)
```
#2c46b3
```
#2c46b3 rgb(44,70,179)
```
#2341bc
```
#2341bc rgb(35,65,188)
```
#1b3cc4
```
#1b3cc4 rgb(27,60,196)
```
#1236cd
```
#1236cd rgb(18,54,205)
```
#0a31d5
```
#0a31d5 rgb(10,49,213)
```
#012cde
```
#012cde rgb(1,44,222)
```

Tone Color Variation

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

#0044b6 Protanomaly 1% of men, 0.01% of women
#0047a8 Deuteranomaly 6% of men, 0.4% of women
#004b8e Tritanomaly 0.01% of the population

#012cde hex color

#012cde Color Information

#012cde Color Conversion

Color Schemes with #012cde

Alternatives to #012cde

#012cde Preview

Shades and Tints of #012cde

Tones of #012cde

Color Blindness Simulator