#012ccc hex color

In a RGB color space, hex #012ccc is composed of 0.4% red, 17.3% green and 80% blue. Whereas in a CMYK color space, it is composed of 99.5% cyan, 78.4% magenta, 0% yellow and 20% black. It has a hue angle of 227.3 degrees, a saturation of 99% and a lightness of 40.2%. #012ccc color hex could be obtained by blending #0258ff with #000099. Closest websafe color is: #0033cc.

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

● #012ccc color description : Strong blue.

The hexadecimal color #012ccc has RGB values of R:1, G:44, B:204 and CMYK values of C:1, M:0.78, Y:0, K:0.2. Its decimal value is 77004.

Hex triplet	012ccc	`#012ccc`
RGB Decimal	1, 44, 204	`rgb(1,44,204)`
RGB Percent	0.4, 17.3, 80	`rgb(0.4%,17.3%,80%)`
CMYK	100, 78, 0, 20
HSL	227.3°, 99, 40.2	`hsl(227.3,99%,40.2%)`
HSV (or HSB)	227.3°, 99.5, 80
Web Safe	0033cc	`#0033cc`

CIE-LAB	29.829, 51.965, -82.823
XYZ	11.81, 6.166, 57.691
xyY	0.156, 0.081, 6.166
CIE-LCH	29.829, 97.775, 302.105
CIE-LUV	29.829, -10.676, -104.022
Hunter-Lab	24.832, 41.436, -120.361
Binary	00000001, 00101100, 11001100

#012ccc
```
#012ccc rgb(1,44,204)
```
#cca101
```
#cca101 rgb(204,161,1)
```

Complementary Color

#0192cc
```
#0192cc rgb(1,146,204)
```
#012ccc
```
#012ccc rgb(1,44,204)
```
#3c01cc
```
#3c01cc rgb(60,1,204)
```

Analogous Color

#92cc01
```
#92cc01 rgb(146,204,1)
```
#012ccc
```
#012ccc rgb(1,44,204)
```
#cc3b01
```
#cc3b01 rgb(204,59,1)
```

Split Complementary Color

#2ccc01
```
#2ccc01 rgb(44,204,1)
```
#012ccc
```
#012ccc rgb(1,44,204)
```
#cc012c
```
#cc012c rgb(204,1,44)
```

Triadic Color

#01cca1
```
#01cca1 rgb(1,204,161)
```
#012ccc
```
#012ccc rgb(1,44,204)
```
#cc012c
```
#cc012c rgb(204,1,44)
```
#cca101
```
#cca101 rgb(204,161,1)
```

Tetradic Color

#011c80
```
#011c80 rgb(1,28,128)
```
#012199
```
#012199 rgb(1,33,153)
```
#0127b3
```
#0127b3 rgb(1,39,179)
```
#012ccc
```
#012ccc rgb(1,44,204)
```
#0131e5
```
#0131e5 rgb(1,49,229)
```
#0238fe
```
#0238fe rgb(2,56,254)
```
#1c4cfe
```
#1c4cfe rgb(28,76,254)
```

Monochromatic Color

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

#015fcc
```
#015fcc rgb(1,95,204)
```
#014ecc
```
#014ecc rgb(1,78,204)
```
#013dcc
```
#013dcc rgb(1,61,204)
```
#012ccc
```
#012ccc rgb(1,44,204)
```
#011bcc
```
#011bcc rgb(1,27,204)
```
#010acc
```
#010acc rgb(1,10,204)
```
#0901cc
```
#0901cc rgb(9,1,204)
```

Similar Colors

Text with hexadecimal color #012ccc

This text has a font color of #012ccc.

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

#012ccc background color

This paragraph has a background color of #012ccc.

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

#012ccc border color

This element has a border color of #012ccc.

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

CSS codes

.text {color:#012ccc;}

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

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

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

#000209
```
#000209 rgb(0,2,9)
```
#00061c
```
#00061c rgb(0,6,28)
```
#000a30
```
#000a30 rgb(0,10,48)
```
#000f43
```
#000f43 rgb(0,15,67)
```
#001357
```
#001357 rgb(0,19,87)
```
#01176a
```
#01176a rgb(1,23,106)
```
#011b7e
```
#011b7e rgb(1,27,126)
```
#011f91
```
#011f91 rgb(1,31,145)
```
#0124a5
```
#0124a5 rgb(1,36,165)
```
#0128b8
```
#0128b8 rgb(1,40,184)
```
#012ccc
```
#012ccc rgb(1,44,204)
```
#0130e0
```
#0130e0 rgb(1,48,224)
```
#0134f3
```
#0134f3 rgb(1,52,243)
```

Shade Color Variation

#0a3efe
```
#0a3efe rgb(10,62,254)
```
#1e4dfe
```
#1e4dfe rgb(30,77,254)
```
#315cfe
```
#315cfe rgb(49,92,254)
```
#456cfe
```
#456cfe rgb(69,108,254)
```
#587bfe
```
#587bfe rgb(88,123,254)
```
#6c8bfe
```
#6c8bfe rgb(108,139,254)
```
#7f9afe
```
#7f9afe rgb(127,154,254)
```
#93aafe
```
#93aafe rgb(147,170,254)
```
#a6b9ff
```
#a6b9ff rgb(166,185,255)
```
#bac8ff
```
#bac8ff rgb(186,200,255)
```
#cdd8ff
```
#cdd8ff rgb(205,216,255)
```
#e1e7ff
```
#e1e7ff rgb(225,231,255)
```
#f4f7ff
```
#f4f7ff rgb(244,247,255)
```

Tint Color Variation

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

#60636d
```
#60636d rgb(96,99,109)
```
#585e75
```
#585e75 rgb(88,94,117)
```
#50597d
```
#50597d rgb(80,89,125)
```
#485585
```
#485585 rgb(72,85,133)
```
#40508d
```
#40508d rgb(64,80,141)
```
#384c95
```
#384c95 rgb(56,76,149)
```
#30479d
```
#30479d rgb(48,71,157)
```
#2843a5
```
#2843a5 rgb(40,67,165)
```
#213eac
```
#213eac rgb(33,62,172)
```
#193ab4
```
#193ab4 rgb(25,58,180)
```
#1135bc
```
#1135bc rgb(17,53,188)
```
#0931c4
```
#0931c4 rgb(9,49,196)
```
#012ccc
```
#012ccc rgb(1,44,204)
```

Tone Color Variation

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

#313131 Achromatopsia 0.005% of the population
#273050 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004d96 Protanopia 1% of men
#005282 Deuteranopia 1% of men
#00575b Tritanopia 0.001% of the population

Trichromacy

#0041aa Protanomaly 1% of men, 0.01% of women
#00449c Deuteranomaly 6% of men, 0.4% of women
#004784 Tritanomaly 0.01% of the population

#012ccc hex color

#012ccc Color Information

#012ccc Color Conversion

Color Schemes with #012ccc

Alternatives to #012ccc

#012ccc Preview

Shades and Tints of #012ccc

Tones of #012ccc

Color Blindness Simulator