#2c12e4 hex color

In a RGB color space, hex #2c12e4 is composed of 17.3% red, 7.1% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 80.7% cyan, 92.1% magenta, 0% yellow and 10.6% black. It has a hue angle of 247.4 degrees, a saturation of 85.4% and a lightness of 48.2%. #2c12e4 color hex could be obtained by blending #5824ff with #0000c9. Closest websafe color is: #3300cc.

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

● #2c12e4 color description : Vivid blue.

The hexadecimal color #2c12e4 has RGB values of R:44, G:18, B:228 and CMYK values of C:0.81, M:0.92, Y:0, K:0.11. Its decimal value is 2888420.

Hex triplet	2c12e4	`#2c12e4`
RGB Decimal	44, 18, 228	`rgb(44,18,228)`
RGB Percent	17.3, 7.1, 89.4	`rgb(17.3%,7.1%,89.4%)`
CMYK	81, 92, 0, 11
HSL	247.4°, 85.4, 48.2	`hsl(247.4,85.4%,48.2%)`
HSV (or HSB)	247.4°, 92.1, 89.4
Web Safe	3300cc	`#3300cc`

CIE-LAB	30.804, 69.989, -95.033
XYZ	15.256, 6.569, 73.858
xyY	0.159, 0.069, 6.569
CIE-LCH	30.804, 118.024, 306.371
CIE-LUV	30.804, -6.357, -116.954
Hunter-Lab	25.629, 61.402, -152.922
Binary	00101100, 00010010, 11100100

#2c12e4
```
#2c12e4 rgb(44,18,228)
```
#cae412
```
#cae412 rgb(202,228,18)
```

Complementary Color

#1261e4
```
#1261e4 rgb(18,97,228)
```
#2c12e4
```
#2c12e4 rgb(44,18,228)
```
#9512e4
```
#9512e4 rgb(149,18,228)
```

Analogous Color

#61e412
```
#61e412 rgb(97,228,18)
```
#2c12e4
```
#2c12e4 rgb(44,18,228)
```
#e49512
```
#e49512 rgb(228,149,18)
```

Split Complementary Color

#12e42c
```
#12e42c rgb(18,228,44)
```
#2c12e4
```
#2c12e4 rgb(44,18,228)
```
#e42c12
```
#e42c12 rgb(228,44,18)
```

Triadic Color

#12cae4
```
#12cae4 rgb(18,202,228)
```
#2c12e4
```
#2c12e4 rgb(44,18,228)
```
#e42c12
```
#e42c12 rgb(228,44,18)
```
#cae412
```
#cae412 rgb(202,228,18)
```

Tetradic Color

#1e0c9d
```
#1e0c9d rgb(30,12,157)
```
#230eb5
```
#230eb5 rgb(35,14,181)
```
#2710cc
```
#2710cc rgb(39,16,204)
```
#2c12e4
```
#2c12e4 rgb(44,18,228)
```
#3b22ee
```
#3b22ee rgb(59,34,238)
```
#503aef
```
#503aef rgb(80,58,239)
```
#6551f1
```
#6551f1 rgb(101,81,241)
```

Monochromatic Color

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

#122de4
```
#122de4 rgb(18,45,228)
```
#121be4
```
#121be4 rgb(18,27,228)
```
#1b12e4
```
#1b12e4 rgb(27,18,228)
```
#2c12e4
```
#2c12e4 rgb(44,18,228)
```
#3d12e4
```
#3d12e4 rgb(61,18,228)
```
#4f12e4
```
#4f12e4 rgb(79,18,228)
```
#6012e4
```
#6012e4 rgb(96,18,228)
```

Similar Colors

Text with hexadecimal color #2c12e4

This text has a font color of #2c12e4.

<span style="color:#2c12e4;">Text here</span>

#2c12e4 background color

This paragraph has a background color of #2c12e4.

<p style="background-color:#2c12e4;">Content here</p>

#2c12e4 border color

This element has a border color of #2c12e4.

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

CSS codes

.text {color:#2c12e4;}

.background {background-color:#2c12e4;}

.border {border:1px solid #2c12e4;}

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, #02010a is the darkest color, while #f8f7fe is the lightest one.

#02010a
```
#02010a rgb(2,1,10)
```
#05021c
```
#05021c rgb(5,2,28)
```
#09042e
```
#09042e rgb(9,4,46)
```
#0c0540
```
#0c0540 rgb(12,5,64)
```
#100753
```
#100753 rgb(16,7,83)
```
#130865
```
#130865 rgb(19,8,101)
```
#170977
```
#170977 rgb(23,9,119)
```
#1a0b89
```
#1a0b89 rgb(26,11,137)
```
#1e0c9b
```
#1e0c9b rgb(30,12,155)
```
#210ead
```
#210ead rgb(33,14,173)
```
#250fc0
```
#250fc0 rgb(37,15,192)
```
#2811d2
```
#2811d2 rgb(40,17,210)
```
#2c12e4
```
#2c12e4 rgb(44,18,228)
```

Shade Color Variation

#361ced
```
#361ced rgb(54,28,237)
```
#462fef
```
#462fef rgb(70,47,239)
```
#5741f0
```
#5741f0 rgb(87,65,240)
```
#6753f1
```
#6753f1 rgb(103,83,241)
```
#7765f3
```
#7765f3 rgb(119,101,243)
```
#8777f4
```
#8777f4 rgb(135,119,244)
```
#978af6
```
#978af6 rgb(151,138,246)
```
#a79cf7
```
#a79cf7 rgb(167,156,247)
```
#b7aef9
```
#b7aef9 rgb(183,174,249)
```
#c7c0fa
```
#c7c0fa rgb(199,192,250)
```
#d7d2fb
```
#d7d2fb rgb(215,210,251)
```
#e8e4fd
```
#e8e4fd rgb(232,228,253)
```
#f8f7fe
```
#f8f7fe rgb(248,247,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7a7a7c is the less saturated color, while #2509ed is the most saturated one.

#7a7a7c
```
#7a7a7c rgb(122,122,124)
```
#737185
```
#737185 rgb(115,113,133)
```
#6c678f
```
#6c678f rgb(108,103,143)
```
#655e98
```
#655e98 rgb(101,94,152)
```
#5e54a2
```
#5e54a2 rgb(94,84,162)
```
#574bab
```
#574bab rgb(87,75,171)
```
#5041b5
```
#5041b5 rgb(80,65,181)
```
#4838be
```
#4838be rgb(72,56,190)
```
#412ec8
```
#412ec8 rgb(65,46,200)
```
#3a25d1
```
#3a25d1 rgb(58,37,209)
```
#331bdb
```
#331bdb rgb(51,27,219)
```
#2c12e4
```
#2c12e4 rgb(44,18,228)
```
#2509ed
```
#2509ed rgb(37,9,237)
```

Tone Color Variation

Below, you can see how #2c12e4 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

#323232 Achromatopsia 0.005% of the population
#312c56 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004f9a Protanopia 1% of men
#005485 Deuteranopia 1% of men
#005a5d Tritanopia 0.001% of the population

Trichromacy

#1039b5 Protanomaly 1% of men, 0.01% of women
#103ca7 Deuteranomaly 6% of men, 0.4% of women
#103f8e Tritanomaly 0.01% of the population

#2c12e4 hex color

#2c12e4 Color Information

#2c12e4 Color Conversion

Color Schemes with #2c12e4

Alternatives to #2c12e4

#2c12e4 Preview

Shades and Tints of #2c12e4

Tones of #2c12e4

Color Blindness Simulator