#212ac1 hex color

In a RGB color space, hex #212ac1 is composed of 12.9% red, 16.5% green and 75.7% blue. Whereas in a CMYK color space, it is composed of 82.9% cyan, 78.2% magenta, 0% yellow and 24.3% black. It has a hue angle of 236.6 degrees, a saturation of 70.8% and a lightness of 44.3%. #212ac1 color hex could be obtained by blending #4254ff with #000083. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 13
- G 16
- B 76
RGB color chart
- C 83
- M 78
- Y 0
- K 24
CMYK color chart

● #212ac1 color description : Strong blue.

The hexadecimal color #212ac1 has RGB values of R:33, G:42, B:193 and CMYK values of C:0.83, M:0.78, Y:0, K:0.24. Its decimal value is 2173633.

Hex triplet	212ac1	`#212ac1`
RGB Decimal	33, 42, 193	`rgb(33,42,193)`
RGB Percent	12.9, 16.5, 75.7	`rgb(12.9%,16.5%,75.7%)`
CMYK	83, 78, 0, 24
HSL	236.6°, 70.8, 44.3	`hsl(236.6,70.8%,44.3%)`
HSV (or HSB)	236.6°, 82.9, 75.7
Web Safe	3333cc	`#3333cc`

CIE-LAB	28.976, 50.38, -77.767
XYZ	11.079, 5.829, 50.99
xyY	0.163, 0.086, 5.829
CIE-LCH	28.976, 92.66, 302.937
CIE-LUV	28.976, -8.145, -97.841
Hunter-Lab	24.143, 39.662, -108.322
Binary	00100001, 00101010, 11000001

#212ac1
```
#212ac1 rgb(33,42,193)
```
#c1b821
```
#c1b821 rgb(193,184,33)
```

Complementary Color

#217ac1
```
#217ac1 rgb(33,122,193)
```
#212ac1
```
#212ac1 rgb(33,42,193)
```
#6821c1
```
#6821c1 rgb(104,33,193)
```

Analogous Color

#7ac121
```
#7ac121 rgb(122,193,33)
```
#212ac1
```
#212ac1 rgb(33,42,193)
```
#c16821
```
#c16821 rgb(193,104,33)
```

Split Complementary Color

#2ac121
```
#2ac121 rgb(42,193,33)
```
#212ac1
```
#212ac1 rgb(33,42,193)
```
#c1212a
```
#c1212a rgb(193,33,42)
```

Triadic Color

#21c1b8
```
#21c1b8 rgb(33,193,184)
```
#212ac1
```
#212ac1 rgb(33,42,193)
```
#c1212a
```
#c1212a rgb(193,33,42)
```
#c1b821
```
#c1b821 rgb(193,184,33)
```

Tetradic Color

#161c80
```
#161c80 rgb(22,28,128)
```
#1a2195
```
#1a2195 rgb(26,33,149)
```
#1d25ab
```
#1d25ab rgb(29,37,171)
```
#212ac1
```
#212ac1 rgb(33,42,193)
```
#252fd7
```
#252fd7 rgb(37,47,215)
```
#3841dd
```
#3841dd rgb(56,65,221)
```
#4e56e1
```
#4e56e1 rgb(78,86,225)
```

Monochromatic Color

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

#2152c1
```
#2152c1 rgb(33,82,193)
```
#2145c1
```
#2145c1 rgb(33,69,193)
```
#2137c1
```
#2137c1 rgb(33,55,193)
```
#212ac1
```
#212ac1 rgb(33,42,193)
```
#2521c1
```
#2521c1 rgb(37,33,193)
```
#3321c1
```
#3321c1 rgb(51,33,193)
```
#4021c1
```
#4021c1 rgb(64,33,193)
```

Similar Colors

Text with hexadecimal color #212ac1

This text has a font color of #212ac1.

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

#212ac1 background color

This paragraph has a background color of #212ac1.

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

#212ac1 border color

This element has a border color of #212ac1.

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

CSS codes

.text {color:#212ac1;}

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

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

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

#010209
```
#010209 rgb(1,2,9)
```
#040619
```
#040619 rgb(4,6,25)
```
#07092a
```
#07092a rgb(7,9,42)
```
#0a0d3b
```
#0a0d3b rgb(10,13,59)
```
#0d104c
```
#0d104c rgb(13,16,76)
```
#10145c
```
#10145c rgb(16,20,92)
```
#13186d
```
#13186d rgb(19,24,109)
```
#161b7e
```
#161b7e rgb(22,27,126)
```
#181f8f
```
#181f8f rgb(24,31,143)
```
#1b239f
```
#1b239f rgb(27,35,159)
```
#1e26b0
```
#1e26b0 rgb(30,38,176)
```
#212ac1
```
#212ac1 rgb(33,42,193)
```
#242ed2
```
#242ed2 rgb(36,46,210)
```

Shade Color Variation

#2e38db
```
#2e38db rgb(46,56,219)
```
#3f48de
```
#3f48de rgb(63,72,222)
```
#4f58e1
```
#4f58e1 rgb(79,88,225)
```
#6068e4
```
#6068e4 rgb(96,104,228)
```
#7178e7
```
#7178e7 rgb(113,120,231)
```
#8288ea
```
#8288ea rgb(130,136,234)
```
#9298ec
```
#9298ec rgb(146,152,236)
```
#a3a8ef
```
#a3a8ef rgb(163,168,239)
```
#b4b7f2
```
#b4b7f2 rgb(180,183,242)
```
#c5c7f5
```
#c5c7f5 rgb(197,199,245)
```
#d5d7f8
```
#d5d7f8 rgb(213,215,248)
```
#e6e7fb
```
#e6e7fb rgb(230,231,251)
```
#f7f7fe
```
#f7f7fe rgb(247,247,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6f6f73 is the less saturated color, while #0713db is the most saturated one.

#6f6f73
```
#6f6f73 rgb(111,111,115)
```
#67687b
```
#67687b rgb(103,104,123)
```
#5e6084
```
#5e6084 rgb(94,96,132)
```
#55588d
```
#55588d rgb(85,88,141)
```
#4c5196
```
#4c5196 rgb(76,81,150)
```
#44499e
```
#44499e rgb(68,73,158)
```
#3b41a7
```
#3b41a7 rgb(59,65,167)
```
#3239b0
```
#3239b0 rgb(50,57,176)
```
#2a32b8
```
#2a32b8 rgb(42,50,184)
```
#212ac1
```
#212ac1 rgb(33,42,193)
```
#1822ca
```
#1822ca rgb(24,34,202)
```
#101bd2
```
#101bd2 rgb(16,27,210)
```
#0713db
```
#0713db rgb(7,19,219)
```

Tone Color Variation

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

#393939 Achromatopsia 0.005% of the population
#343654 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004b93 Protanopia 1% of men
#00507f Deuteranopia 1% of men
#005559 Tritanopia 0.001% of the population

Trichromacy

#0c3fa3 Protanomaly 1% of men, 0.01% of women
#0c4297 Deuteranomaly 6% of men, 0.4% of women
#0c457f Tritanomaly 0.01% of the population

#212ac1 hex color

#212ac1 Color Information

#212ac1 Color Conversion

Color Schemes with #212ac1

Alternatives to #212ac1

#212ac1 Preview

Shades and Tints of #212ac1

Tones of #212ac1

Color Blindness Simulator