#212cb4 hex color

In a RGB color space, hex #212cb4 is composed of 12.9% red, 17.3% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 81.7% cyan, 75.6% magenta, 0% yellow and 29.4% black. It has a hue angle of 235.5 degrees, a saturation of 69% and a lightness of 41.8%. #212cb4 color hex could be obtained by blending #4258ff with #000069. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 13
- G 17
- B 71
RGB color chart
- C 82
- M 76
- Y 0
- K 29
CMYK color chart

● #212cb4 color description : Strong blue.

The hexadecimal color #212cb4 has RGB values of R:33, G:44, B:180 and CMYK values of C:0.82, M:0.76, Y:0, K:0.29. Its decimal value is 2174132.

Hex triplet	212cb4	`#212cb4`
RGB Decimal	33, 44, 180	`rgb(33,44,180)`
RGB Percent	12.9, 17.3, 70.6	`rgb(12.9%,17.3%,70.6%)`
CMYK	82, 76, 0, 29
HSL	235.5°, 69, 41.8	`hsl(235.5,69%,41.8%)`
HSV (or HSB)	235.5°, 81.7, 70.6
Web Safe	3333cc	`#3333cc`

CIE-LAB	27.897, 44.961, -71.851
XYZ	9.764, 5.419, 43.709
xyY	0.166, 0.092, 5.419
CIE-LCH	27.897, 84.759, 302.036
CIE-LUV	27.897, -7.996, -90.236
Hunter-Lab	23.279, 34.132, -95.026
Binary	00100001, 00101100, 10110100

#212cb4
```
#212cb4 rgb(33,44,180)
```
#b4a921
```
#b4a921 rgb(180,169,33)
```

Complementary Color

#2176b4
```
#2176b4 rgb(33,118,180)
```
#212cb4
```
#212cb4 rgb(33,44,180)
```
#5f21b4
```
#5f21b4 rgb(95,33,180)
```

Analogous Color

#76b421
```
#76b421 rgb(118,180,33)
```
#212cb4
```
#212cb4 rgb(33,44,180)
```
#b46021
```
#b46021 rgb(180,96,33)
```

Split Complementary Color

#2cb421
```
#2cb421 rgb(44,180,33)
```
#212cb4
```
#212cb4 rgb(33,44,180)
```
#b4212c
```
#b4212c rgb(180,33,44)
```

Triadic Color

#21b4a9
```
#21b4a9 rgb(33,180,169)
```
#212cb4
```
#212cb4 rgb(33,44,180)
```
#b4212c
```
#b4212c rgb(180,33,44)
```
#b4a921
```
#b4a921 rgb(180,169,33)
```

Tetradic Color

#151c73
```
#151c73 rgb(21,28,115)
```
#192189
```
#192189 rgb(25,33,137)
```
#1d279e
```
#1d279e rgb(29,39,158)
```
#212cb4
```
#212cb4 rgb(33,44,180)
```
#2531ca
```
#2531ca rgb(37,49,202)
```
#2f3cd9
```
#2f3cd9 rgb(47,60,217)
```
#4550dd
```
#4550dd rgb(69,80,221)
```

Monochromatic Color

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

#2151b4
```
#2151b4 rgb(33,81,180)
```
#2145b4
```
#2145b4 rgb(33,69,180)
```
#2138b4
```
#2138b4 rgb(33,56,180)
```
#212cb4
```
#212cb4 rgb(33,44,180)
```
#2221b4
```
#2221b4 rgb(34,33,180)
```
#2f21b4
```
#2f21b4 rgb(47,33,180)
```
#3b21b4
```
#3b21b4 rgb(59,33,180)
```

Similar Colors

Text with hexadecimal color #212cb4

This text has a font color of #212cb4.

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

#212cb4 background color

This paragraph has a background color of #212cb4.

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

#212cb4 border color

This element has a border color of #212cb4.

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

CSS codes

.text {color:#212cb4;}

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

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

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, #03030e is the darkest color, while #fdfdff is the lightest one.

#03030e
```
#03030e rgb(3,3,14)
```
#06081f
```
#06081f rgb(6,8,31)
```
#090c2f
```
#090c2f rgb(9,12,47)
```
#0c1040
```
#0c1040 rgb(12,16,64)
```
#0f1451
```
#0f1451 rgb(15,20,81)
```
#121861
```
#121861 rgb(18,24,97)
```
#151c72
```
#151c72 rgb(21,28,114)
```
#182082
```
#182082 rgb(24,32,130)
```
#1b2493
```
#1b2493 rgb(27,36,147)
```
#1e28a3
```
#1e28a3 rgb(30,40,163)
```
#212cb4
```
#212cb4 rgb(33,44,180)
```
#2430c5
```
#2430c5 rgb(36,48,197)
```
#2734d5
```
#2734d5 rgb(39,52,213)
```

Shade Color Variation

#3642da
```
#3642da rgb(54,66,218)
```
#4652dd
```
#4652dd rgb(70,82,221)
```
#5761e0
```
#5761e0 rgb(87,97,224)
```
#6771e3
```
#6771e3 rgb(103,113,227)
```
#7880e6
```
#7880e6 rgb(120,128,230)
```
#8990e9
```
#8990e9 rgb(137,144,233)
```
#999fec
```
#999fec rgb(153,159,236)
```
#aaafef
```
#aaafef rgb(170,175,239)
```
#babff2
```
#babff2 rgb(186,191,242)
```
#cbcef5
```
#cbcef5 rgb(203,206,245)
```
#dcdef8
```
#dcdef8 rgb(220,222,248)
```
#ecedfc
```
#ecedfc rgb(236,237,252)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

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

#636472
```
#636472 rgb(99,100,114)
```
#5a5d7b
```
#5a5d7b rgb(90,93,123)
```
#525683
```
#525683 rgb(82,86,131)
```
#4a4f8b
```
#4a4f8b rgb(74,79,139)
```
#424893
```
#424893 rgb(66,72,147)
```
#3a419b
```
#3a419b rgb(58,65,155)
```
#313aa4
```
#313aa4 rgb(49,58,164)
```
#2933ac
```
#2933ac rgb(41,51,172)
```
#212cb4
```
#212cb4 rgb(33,44,180)
```
#1925bc
```
#1925bc rgb(25,37,188)
```
#111ec4
```
#111ec4 rgb(17,30,196)
```
#0817cd
```
#0817cd rgb(8,23,205)
```
#0010d5
```
#0010d5 rgb(0,16,213)
```

Tone Color Variation

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

#383838 Achromatopsia 0.005% of the population
#333651 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00498e Protanopia 1% of men
#004d7b Deuteranopia 1% of men
#005357 Tritanopia 0.001% of the population

Trichromacy

#0c3e9c Protanomaly 1% of men, 0.01% of women
#0c4190 Deuteranomaly 6% of men, 0.4% of women
#0c4478 Tritanomaly 0.01% of the population

#212cb4 hex color

#212cb4 Color Information

#212cb4 Color Conversion

Color Schemes with #212cb4

Alternatives to #212cb4

#212cb4 Preview

Shades and Tints of #212cb4

Tones of #212cb4

Color Blindness Simulator