#212ec4 hex color

In a RGB color space, hex #212ec4 is composed of 12.9% red, 18% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 83.2% cyan, 76.5% magenta, 0% yellow and 23.1% black. It has a hue angle of 235.2 degrees, a saturation of 71.2% and a lightness of 44.9%. #212ec4 color hex could be obtained by blending #425cff with #000089. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 13
- G 18
- B 77
RGB color chart
- C 83
- M 77
- Y 0
- K 23
CMYK color chart

● #212ec4 color description : Strong blue.

The hexadecimal color #212ec4 has RGB values of R:33, G:46, B:196 and CMYK values of C:0.83, M:0.77, Y:0, K:0.23. Its decimal value is 2174660.

Hex triplet	212ec4	`#212ec4`
RGB Decimal	33, 46, 196	`rgb(33,46,196)`
RGB Percent	12.9, 18, 76.9	`rgb(12.9%,18%,76.9%)`
CMYK	83, 77, 0, 23
HSL	235.2°, 71.2, 44.9	`hsl(235.2,71.2%,44.9%)`
HSV (or HSB)	235.2°, 83.2, 76.9
Web Safe	3333cc	`#3333cc`

CIE-LAB	30.064, 49.219, -77.728
XYZ	11.566, 6.262, 52.821
xyY	0.164, 0.089, 6.262
CIE-LCH	30.064, 92.001, 302.343
CIE-LUV	30.064, -8.821, -99.594
Hunter-Lab	25.024, 38.71, -107.632
Binary	00100001, 00101110, 11000100

#212ec4
```
#212ec4 rgb(33,46,196)
```
#c4b721
```
#c4b721 rgb(196,183,33)
```

Complementary Color

#2180c4
```
#2180c4 rgb(33,128,196)
```
#212ec4
```
#212ec4 rgb(33,46,196)
```
#6621c4
```
#6621c4 rgb(102,33,196)
```

Analogous Color

#80c421
```
#80c421 rgb(128,196,33)
```
#212ec4
```
#212ec4 rgb(33,46,196)
```
#c46621
```
#c46621 rgb(196,102,33)
```

Split Complementary Color

#2ec421
```
#2ec421 rgb(46,196,33)
```
#212ec4
```
#212ec4 rgb(33,46,196)
```
#c4212e
```
#c4212e rgb(196,33,46)
```

Triadic Color

#21c4b7
```
#21c4b7 rgb(33,196,183)
```
#212ec4
```
#212ec4 rgb(33,46,196)
```
#c4212e
```
#c4212e rgb(196,33,46)
```
#c4b721
```
#c4b721 rgb(196,183,33)
```

Tetradic Color

#161f83
```
#161f83 rgb(22,31,131)
```
#1a2498
```
#1a2498 rgb(26,36,152)
```
#1d29ae
```
#1d29ae rgb(29,41,174)
```
#212ec4
```
#212ec4 rgb(33,46,196)
```
#2533da
```
#2533da rgb(37,51,218)
```
#3a47de
```
#3a47de rgb(58,71,222)
```
#505ce2
```
#505ce2 rgb(80,92,226)
```

Monochromatic Color

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

#2157c4
```
#2157c4 rgb(33,87,196)
```
#2149c4
```
#2149c4 rgb(33,73,196)
```
#213cc4
```
#213cc4 rgb(33,60,196)
```
#212ec4
```
#212ec4 rgb(33,46,196)
```
#2221c4
```
#2221c4 rgb(34,33,196)
```
#2f21c4
```
#2f21c4 rgb(47,33,196)
```
#3d21c4
```
#3d21c4 rgb(61,33,196)
```

Similar Colors

Text with hexadecimal color #212ec4

This text has a font color of #212ec4.

<span style="color:#212ec4;">Text here</span>

#212ec4 background color

This paragraph has a background color of #212ec4.

<p style="background-color:#212ec4;">Content here</p>

#212ec4 border color

This element has a border color of #212ec4.

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

CSS codes

.text {color:#212ec4;}

.background {background-color:#212ec4;}

.border {border:1px solid #212ec4;}

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, #02030b is the darkest color, while #fafafe is the lightest one.

#02030b
```
#02030b rgb(2,3,11)
```
#05071c
```
#05071c rgb(5,7,28)
```
#080b2d
```
#080b2d rgb(8,11,45)
```
#0a0e3e
```
#0a0e3e rgb(10,14,62)
```
#0d124e
```
#0d124e rgb(13,18,78)
```
#10165f
```
#10165f rgb(16,22,95)
```
#131a70
```
#131a70 rgb(19,26,112)
```
#161e81
```
#161e81 rgb(22,30,129)
```
#192292
```
#192292 rgb(25,34,146)
```
#1b26a2
```
#1b26a2 rgb(27,38,162)
```
#1e2ab3
```
#1e2ab3 rgb(30,42,179)
```
#212ec4
```
#212ec4 rgb(33,46,196)
```
#2432d5
```
#2432d5 rgb(36,50,213)
```

Shade Color Variation

#303edc
```
#303edc rgb(48,62,220)
```
#414ddf
```
#414ddf rgb(65,77,223)
```
#525de2
```
#525de2 rgb(82,93,226)
```
#626de5
```
#626de5 rgb(98,109,229)
```
#737ce7
```
#737ce7 rgb(115,124,231)
```
#848cea
```
#848cea rgb(132,140,234)
```
#959ced
```
#959ced rgb(149,156,237)
```
#a6acf0
```
#a6acf0 rgb(166,172,240)
```
#b6bbf3
```
#b6bbf3 rgb(182,187,243)
```
#c7cbf6
```
#c7cbf6 rgb(199,203,246)
```
#d8dbf8
```
#d8dbf8 rgb(216,219,248)
```
#e9eafb
```
#e9eafb rgb(233,234,251)
```
#fafafe
```
#fafafe rgb(250,250,254)
```

Tint Color Variation

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

#707175
```
#707175 rgb(112,113,117)
```
#67697e
```
#67697e rgb(103,105,126)
```
#5f6286
```
#5f6286 rgb(95,98,134)
```
#565a8f
```
#565a8f rgb(86,90,143)
```
#4d5398
```
#4d5398 rgb(77,83,152)
```
#444ca1
```
#444ca1 rgb(68,76,161)
```
#3b44aa
```
#3b44aa rgb(59,68,170)
```
#333db2
```
#333db2 rgb(51,61,178)
```
#2a35bb
```
#2a35bb rgb(42,53,187)
```
#212ec4
```
#212ec4 rgb(33,46,196)
```
#1827cd
```
#1827cd rgb(24,39,205)
```
#0f1fd6
```
#0f1fd6 rgb(15,31,214)
```
#0718de
```
#0718de rgb(7,24,222)
```

Tone Color Variation

Below, you can see how #212ec4 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

#3b3b3b Achromatopsia 0.005% of the population
#363856 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004e97 Protanopia 1% of men
#005283 Deuteranopia 1% of men
#00585c Tritanopia 0.001% of the population

Trichromacy

#0c42a7 Protanomaly 1% of men, 0.01% of women
#0c459a Deuteranomaly 6% of men, 0.4% of women
#0c4882 Tritanomaly 0.01% of the population

#212ec4 hex color

#212ec4 Color Information

#212ec4 Color Conversion

Color Schemes with #212ec4

Alternatives to #212ec4

#212ec4 Preview

Shades and Tints of #212ec4

Tones of #212ec4

Color Blindness Simulator