#012cb4 hex color

In a RGB color space, hex #012cb4 is composed of 0.4% red, 17.3% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 99.4% cyan, 75.6% magenta, 0% yellow and 29.4% black. It has a hue angle of 225.6 degrees, a saturation of 98.9% and a lightness of 35.5%. #012cb4 color hex could be obtained by blending #0258ff with #000069. Closest websafe color is: #0033cc.

♥
- f
- t
- g
- R 0
- G 17
- B 71
RGB color chart
- C 99
- M 76
- Y 0
- K 29
CMYK color chart

● #012cb4 color description : Strong blue.

The hexadecimal color #012cb4 has RGB values of R:1, G:44, B:180 and CMYK values of C:0.99, M:0.76, Y:0, K:0.29. Its decimal value is 76980.

Hex triplet	012cb4	`#012cb4`
RGB Decimal	1, 44, 180	`rgb(1,44,180)`
RGB Percent	0.4, 17.3, 70.6	`rgb(0.4%,17.3%,70.6%)`
CMYK	99, 76, 0, 29
HSL	225.6°, 98.9, 35.5	`hsl(225.6,98.9%,35.5%)`
HSV (or HSB)	225.6°, 99.4, 70.6
Web Safe	0033cc	`#0033cc`

CIE-LAB	27.024, 43.704, -73.324
XYZ	9.15, 5.102, 43.68
xyY	0.158, 0.088, 5.102
CIE-LCH	27.024, 85.361, 300.796
CIE-LUV	27.024, -10.177, -90.095
Hunter-Lab	22.588, 32.774, -98.84
Binary	00000001, 00101100, 10110100

#012cb4
```
#012cb4 rgb(1,44,180)
```
#b48901
```
#b48901 rgb(180,137,1)
```

Complementary Color

#0186b4
```
#0186b4 rgb(1,134,180)
```
#012cb4
```
#012cb4 rgb(1,44,180)
```
#2f01b4
```
#2f01b4 rgb(47,1,180)
```

Analogous Color

#86b401
```
#86b401 rgb(134,180,1)
```
#012cb4
```
#012cb4 rgb(1,44,180)
```
#b42f01
```
#b42f01 rgb(180,47,1)
```

Split Complementary Color

#2cb401
```
#2cb401 rgb(44,180,1)
```
#012cb4
```
#012cb4 rgb(1,44,180)
```
#b4012c
```
#b4012c rgb(180,1,44)
```

Triadic Color

#01b489
```
#01b489 rgb(1,180,137)
```
#012cb4
```
#012cb4 rgb(1,44,180)
```
#b4012c
```
#b4012c rgb(180,1,44)
```
#b48901
```
#b48901 rgb(180,137,1)
```

Tetradic Color

#011968
```
#011968 rgb(1,25,104)
```
#012081
```
#012081 rgb(1,32,129)
```
#01269b
```
#01269b rgb(1,38,155)
```
#012cb4
```
#012cb4 rgb(1,44,180)
```
#0132cd
```
#0132cd rgb(1,50,205)
```
#0138e7
```
#0138e7 rgb(1,56,231)
```
#0440fe
```
#0440fe rgb(4,64,254)
```

Monochromatic Color

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

#0159b4
```
#0159b4 rgb(1,89,180)
```
#014ab4
```
#014ab4 rgb(1,74,180)
```
#013bb4
```
#013bb4 rgb(1,59,180)
```
#012cb4
```
#012cb4 rgb(1,44,180)
```
#011db4
```
#011db4 rgb(1,29,180)
```
#010eb4
```
#010eb4 rgb(1,14,180)
```
#0301b4
```
#0301b4 rgb(3,1,180)
```

Similar Colors

Text with hexadecimal color #012cb4

This text has a font color of #012cb4.

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

#012cb4 background color

This paragraph has a background color of #012cb4.

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

#012cb4 border color

This element has a border color of #012cb4.

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

CSS codes

.text {color:#012cb4;}

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

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

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

#000104
```
#000104 rgb(0,1,4)
```
#000618
```
#000618 rgb(0,6,24)
```
#000b2b
```
#000b2b rgb(0,11,43)
```
#000f3f
```
#000f3f rgb(0,15,63)
```
#001452
```
#001452 rgb(0,20,82)
```
#011966
```
#011966 rgb(1,25,102)
```
#011e79
```
#011e79 rgb(1,30,121)
```
#01228d
```
#01228d rgb(1,34,141)
```
#0127a0
```
#0127a0 rgb(1,39,160)
```
#012cb4
```
#012cb4 rgb(1,44,180)
```
#0131c8
```
#0131c8 rgb(1,49,200)
```
#0136db
```
#0136db rgb(1,54,219)
```
#013aef
```
#013aef rgb(1,58,239)
```

Shade Color Variation

#0641fe
```
#0641fe rgb(6,65,254)
```
#1950fe
```
#1950fe rgb(25,80,254)
```
#2d5ffe
```
#2d5ffe rgb(45,95,254)
```
#406efe
```
#406efe rgb(64,110,254)
```
#547dfe
```
#547dfe rgb(84,125,254)
```
#678cfe
```
#678cfe rgb(103,140,254)
```
#7b9afe
```
#7b9afe rgb(123,154,254)
```
#8ea9fe
```
#8ea9fe rgb(142,169,254)
```
#a2b8fe
```
#a2b8fe rgb(162,184,254)
```
#b5c7ff
```
#b5c7ff rgb(181,199,255)
```
#c9d6ff
```
#c9d6ff rgb(201,214,255)
```
#dce5ff
```
#dce5ff rgb(220,229,255)
```
#f0f4ff
```
#f0f4ff rgb(240,244,255)
```

Tint Color Variation

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

#555760
```
#555760 rgb(85,87,96)
```
#4e5467
```
#4e5467 rgb(78,84,103)
```
#47506e
```
#47506e rgb(71,80,110)
```
#404d75
```
#404d75 rgb(64,77,117)
```
#39497c
```
#39497c rgb(57,73,124)
```
#324583
```
#324583 rgb(50,69,131)
```
#2b428a
```
#2b428a rgb(43,66,138)
```
#243e91
```
#243e91 rgb(36,62,145)
```
#1d3a98
```
#1d3a98 rgb(29,58,152)
```
#16379f
```
#16379f rgb(22,55,159)
```
#0f33a6
```
#0f33a6 rgb(15,51,166)
```
#0830ad
```
#0830ad rgb(8,48,173)
```
#012cb4
```
#012cb4 rgb(1,44,180)
```

Tone Color Variation

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

#2f2f2f Achromatopsia 0.005% of the population
#262e4a Atypical Achromatopsia 0.001% of the population

Dichromacy

#00478b Protanopia 1% of men
#004b78 Deuteranopia 1% of men
#005154 Tritanopia 0.001% of the population

Trichromacy

#003d9a Protanomaly 1% of men, 0.01% of women
#00408e Deuteranomaly 6% of men, 0.4% of women
#004377 Tritanomaly 0.01% of the population

#012cb4 hex color

#012cb4 Color Information

#012cb4 Color Conversion

Color Schemes with #012cb4

Alternatives to #012cb4

#012cb4 Preview

Shades and Tints of #012cb4

Tones of #012cb4

Color Blindness Simulator