colorhexa.com

#212ed4 hex color

In a RGB color space, hex #212ed4 is composed of 12.9% red, 18% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 84.4% cyan, 78.3% magenta, 0% yellow and 16.9% black. It has a hue angle of 235.6 degrees, a saturation of 73.1% and a lightness of 48%. #212ed4 color hex could be obtained by blending #425cff with #0000a9. Closest websafe color is: #3333cc.

- R 13
- G 18
- B 83
RGB color chart
- C 84
- M 78
- Y 0
- K 17
CMYK color chart

● #212ed4 color description : Strong blue.

The hexadecimal color #212ed4 has RGB values of R:33, G:46, B:212 and CMYK values of C:0.84, M:0.78, Y:0, K:0.17. Its decimal value is 2174676.

Hex triplet	212ed4	`#212ed4`
RGB Decimal	33, 46, 212	`rgb(33,46,212)`
RGB Percent	12.9, 18, 83.1	`rgb(12.9%,18%,83.1%)`
CMYK	84, 78, 0, 17
HSL	235.6°, 73.1, 48	`hsl(235.6,73.1%,48%)`
HSV (or HSB)	235.6°, 84.4, 83.1
Web Safe	3333cc	`#3333cc`

CIE-LAB	31.875, 54.427, -84.053
XYZ	13.485, 7.03, 62.93
xyY	0.162, 0.084, 7.03
CIE-LCH	31.875, 100.135, 302.924
CIE-LUV	31.875, -9.342, -108.869
Hunter-Lab	26.514, 44.39, -122.164
Binary	00100001, 00101110, 11010100

#212ed4
```
#212ed4 rgb(33,46,212)
```
#d4c721
```
#d4c721 rgb(212,199,33)
```

Complementary Color

#2188d4
```
#2188d4 rgb(33,136,212)
```
#212ed4
```
#212ed4 rgb(33,46,212)
```
#6e21d4
```
#6e21d4 rgb(110,33,212)
```

Analogous Color

#88d421
```
#88d421 rgb(136,212,33)
```
#212ed4
```
#212ed4 rgb(33,46,212)
```
#d46e21
```
#d46e21 rgb(212,110,33)
```

Split Complementary Color

#2ed421
```
#2ed421 rgb(46,212,33)
```
#212ed4
```
#212ed4 rgb(33,46,212)
```
#d4212e
```
#d4212e rgb(212,33,46)
```

Triadic Color

#21d4c7
```
#21d4c7 rgb(33,212,199)
```
#212ed4
```
#212ed4 rgb(33,46,212)
```
#d4212e
```
#d4212e rgb(212,33,46)
```
#d4c721
```
#d4c721 rgb(212,199,33)
```

Tetradic Color

#172092
```
#172092 rgb(23,32,146)
```
#1a24a8
```
#1a24a8 rgb(26,36,168)
```
#1e29be
```
#1e29be rgb(30,41,190)
```
#212ed4
```
#212ed4 rgb(33,46,212)
```
#303cdf
```
#303cdf rgb(48,60,223)
```
#4651e2
```
#4651e2 rgb(70,81,226)
```
#5c66e6
```
#5c66e6 rgb(92,102,230)
```

Monochromatic Color

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

#215bd4
```
#215bd4 rgb(33,91,212)
```
#214cd4
```
#214cd4 rgb(33,76,212)
```
#213dd4
```
#213dd4 rgb(33,61,212)
```
#212ed4
```
#212ed4 rgb(33,46,212)
```
#2321d4
```
#2321d4 rgb(35,33,212)
```
#3221d4
```
#3221d4 rgb(50,33,212)
```
#4121d4
```
#4121d4 rgb(65,33,212)
```

Similar Colors

Text with hexadecimal color #212ed4

This text has a font color of #212ed4.

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

#212ed4 background color

This paragraph has a background color of #212ed4.

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

#212ed4 border color

This element has a border color of #212ed4.

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

CSS codes

.text {color:#212ed4;}

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

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

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

#010208
```
#010208 rgb(1,2,8)
```
#040519
```
#040519 rgb(4,5,25)
```
#07092a
```
#07092a rgb(7,9,42)
```
#090d3b
```
#090d3b rgb(9,13,59)
```
#0c114c
```
#0c114c rgb(12,17,76)
```
#0f145d
```
#0f145d rgb(15,20,93)
```
#11186e
```
#11186e rgb(17,24,110)
```
#141c7f
```
#141c7f rgb(20,28,127)
```
#161f90
```
#161f90 rgb(22,31,144)
```
#1923a1
```
#1923a1 rgb(25,35,161)
```
#1c27b2
```
#1c27b2 rgb(28,39,178)
```
#1e2ac3
```
#1e2ac3 rgb(30,42,195)
```
#212ed4
```
#212ed4 rgb(33,46,212)
```

Shade Color Variation

#2b38de
```
#2b38de rgb(43,56,222)
```
#3c48e1
```
#3c48e1 rgb(60,72,225)
```
#4d58e3
```
#4d58e3 rgb(77,88,227)
```
#5e67e6
```
#5e67e6 rgb(94,103,230)
```
#6f77e9
```
#6f77e9 rgb(111,119,233)
```
#8087eb
```
#8087eb rgb(128,135,235)
```
#9197ee
```
#9197ee rgb(145,151,238)
```
#a1a7f0
```
#a1a7f0 rgb(161,167,240)
```
#b2b7f3
```
#b2b7f3 rgb(178,183,243)
```
#c3c7f6
```
#c3c7f6 rgb(195,199,246)
```
#d4d7f8
```
#d4d7f8 rgb(212,215,248)
```
#e5e7fb
```
#e5e7fb rgb(229,231,251)
```
#f6f7fe
```
#f6f7fe rgb(246,247,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #76767f is the less saturated color, while #0516f0 is the most saturated one.

#76767f
```
#76767f rgb(118,118,127)
```
#6c6e89
```
#6c6e89 rgb(108,110,137)
```
#636692
```
#636692 rgb(99,102,146)
```
#5a5e9b
```
#5a5e9b rgb(90,94,155)
```
#5056a5
```
#5056a5 rgb(80,86,165)
```
#474eae
```
#474eae rgb(71,78,174)
```
#3d46b8
```
#3d46b8 rgb(61,70,184)
```
#343ec1
```
#343ec1 rgb(52,62,193)
```
#2a36cb
```
#2a36cb rgb(42,54,203)
```
#212ed4
```
#212ed4 rgb(33,46,212)
```
#1826dd
```
#1826dd rgb(24,38,221)
```
#0e1ee7
```
#0e1ee7 rgb(14,30,231)
```
#0516f0
```
#0516f0 rgb(5,22,240)
```

Tone Color Variation

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

#3d3d3d Achromatopsia 0.005% of the population
#373a5b Atypical Achromatopsia 0.001% of the population

Dichromacy

#00529f Protanopia 1% of men
#005689 Deuteranopia 1% of men
#005c60 Tritanopia 0.001% of the population

Trichromacy

#0c44b2 Protanomaly 1% of men, 0.01% of women
#0c47a4 Deuteranomaly 6% of men, 0.4% of women
#0c4b8a Tritanomaly 0.01% of the population