#012ac5 hex color

In a RGB color space, hex #012ac5 is composed of 0.4% red, 16.5% green and 77.3% blue. Whereas in a CMYK color space, it is composed of 99.5% cyan, 78.7% magenta, 0% yellow and 22.7% black. It has a hue angle of 227.4 degrees, a saturation of 99% and a lightness of 38.8%. #012ac5 color hex could be obtained by blending #0254ff with #00008b. Closest websafe color is: #0033cc.

♥
- f
- t
- g
- R 0
- G 16
- B 77
RGB color chart
- C 99
- M 79
- Y 0
- K 23
CMYK color chart

● #012ac5 color description : Strong blue.

The hexadecimal color #012ac5 has RGB values of R:1, G:42, B:197 and CMYK values of C:0.99, M:0.79, Y:0, K:0.23. Its decimal value is 76485.

Hex triplet	012ac5	`#012ac5`
RGB Decimal	1, 42, 197	`rgb(1,42,197)`
RGB Percent	0.4, 16.5, 77.3	`rgb(0.4%,16.5%,77.3%)`
CMYK	99, 79, 0, 23
HSL	227.4°, 99, 38.8	`hsl(227.4,99%,38.8%)`
HSV (or HSB)	227.4°, 99.5, 77.3
Web Safe	0033cc	`#0033cc`

CIE-LAB	28.624, 50.701, -80.729
XYZ	10.916, 5.693, 53.344
xyY	0.156, 0.081, 5.693
CIE-LCH	28.624, 95.329, 302.131
CIE-LUV	28.624, -10.231, -99.898
Hunter-Lab	23.859, 39.916, -115.856
Binary	00000001, 00101010, 11000101

#012ac5
```
#012ac5 rgb(1,42,197)
```
#c59c01
```
#c59c01 rgb(197,156,1)
```

Complementary Color

#018cc5
```
#018cc5 rgb(1,140,197)
```
#012ac5
```
#012ac5 rgb(1,42,197)
```
#3a01c5
```
#3a01c5 rgb(58,1,197)
```

Analogous Color

#8cc501
```
#8cc501 rgb(140,197,1)
```
#012ac5
```
#012ac5 rgb(1,42,197)
```
#c53a01
```
#c53a01 rgb(197,58,1)
```

Split Complementary Color

#2ac501
```
#2ac501 rgb(42,197,1)
```
#012ac5
```
#012ac5 rgb(1,42,197)
```
#c5012a
```
#c5012a rgb(197,1,42)
```

Triadic Color

#01c59c
```
#01c59c rgb(1,197,156)
```
#012ac5
```
#012ac5 rgb(1,42,197)
```
#c5012a
```
#c5012a rgb(197,1,42)
```
#c59c01
```
#c59c01 rgb(197,156,1)
```

Tetradic Color

#011a79
```
#011a79 rgb(1,26,121)
```
#011f92
```
#011f92 rgb(1,31,146)
```
#0125ac
```
#0125ac rgb(1,37,172)
```
#012ac5
```
#012ac5 rgb(1,42,197)
```
#012fde
```
#012fde rgb(1,47,222)
```
#0135f8
```
#0135f8 rgb(1,53,248)
```
#1545fe
```
#1545fe rgb(21,69,254)
```

Monochromatic Color

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

#015bc5
```
#015bc5 rgb(1,91,197)
```
#014bc5
```
#014bc5 rgb(1,75,197)
```
#013ac5
```
#013ac5 rgb(1,58,197)
```
#012ac5
```
#012ac5 rgb(1,42,197)
```
#011ac5
```
#011ac5 rgb(1,26,197)
```
#0109c5
```
#0109c5 rgb(1,9,197)
```
#0901c5
```
#0901c5 rgb(9,1,197)
```

Similar Colors

Text with hexadecimal color #012ac5

This text has a font color of #012ac5.

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

#012ac5 background color

This paragraph has a background color of #012ac5.

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

#012ac5 border color

This element has a border color of #012ac5.

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

CSS codes

.text {color:#012ac5;}

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

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

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 #edf1ff is the lightest one.

#000002
```
#000002 rgb(0,0,2)
```
#000515
```
#000515 rgb(0,5,21)
```
#000929
```
#000929 rgb(0,9,41)
```
#000d3c
```
#000d3c rgb(0,13,60)
```
#001150
```
#001150 rgb(0,17,80)
```
#011563
```
#011563 rgb(1,21,99)
```
#011977
```
#011977 rgb(1,25,119)
```
#011e8a
```
#011e8a rgb(1,30,138)
```
#01229e
```
#01229e rgb(1,34,158)
```
#0126b1
```
#0126b1 rgb(1,38,177)
```
#012ac5
```
#012ac5 rgb(1,42,197)
```
#012ed9
```
#012ed9 rgb(1,46,217)
```
#0132ec
```
#0132ec rgb(1,50,236)
```

Shade Color Variation

#0338fe
```
#0338fe rgb(3,56,254)
```
#1747fe
```
#1747fe rgb(23,71,254)
```
#2a56fe
```
#2a56fe rgb(42,86,254)
```
#3e66fe
```
#3e66fe rgb(62,102,254)
```
#5175fe
```
#5175fe rgb(81,117,254)
```
#6585fe
```
#6585fe rgb(101,133,254)
```
#7894fe
```
#7894fe rgb(120,148,254)
```
#8ca4fe
```
#8ca4fe rgb(140,164,254)
```
#9fb3ff
```
#9fb3ff rgb(159,179,255)
```
#b3c3ff
```
#b3c3ff rgb(179,195,255)
```
#c6d2ff
```
#c6d2ff rgb(198,210,255)
```
#dae2ff
```
#dae2ff rgb(218,226,255)
```
#edf1ff
```
#edf1ff rgb(237,241,255)
```

Tint Color Variation

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

#5c5f6a
```
#5c5f6a rgb(92,95,106)
```
#555b71
```
#555b71 rgb(85,91,113)
```
#4d5679
```
#4d5679 rgb(77,86,121)
```
#465280
```
#465280 rgb(70,82,128)
```
#3e4d88
```
#3e4d88 rgb(62,77,136)
```
#364990
```
#364990 rgb(54,73,144)
```
#2f4597
```
#2f4597 rgb(47,69,151)
```
#27409f
```
#27409f rgb(39,64,159)
```
#1f3ca7
```
#1f3ca7 rgb(31,60,167)
```
#1837ae
```
#1837ae rgb(24,55,174)
```
#1033b6
```
#1033b6 rgb(16,51,182)
```
#092ebd
```
#092ebd rgb(9,46,189)
```
#012ac5
```
#012ac5 rgb(1,42,197)
```

Tone Color Variation

Below, you can see how #012ac5 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
#262e4d Atypical Achromatopsia 0.001% of the population

Dichromacy

#004b91 Protanopia 1% of men
#004f7d Deuteranopia 1% of men
#005558 Tritanopia 0.001% of the population

Trichromacy

#003fa4 Protanomaly 1% of men, 0.01% of women
#004197 Deuteranomaly 6% of men, 0.4% of women
#00457f Tritanomaly 0.01% of the population

#012ac5 hex color

#012ac5 Color Information

#012ac5 Color Conversion

Color Schemes with #012ac5

Alternatives to #012ac5

#012ac5 Preview

Shades and Tints of #012ac5

Tones of #012ac5

Color Blindness Simulator