#213ad2 hex color

In a RGB color space, hex #213ad2 is composed of 12.9% red, 22.7% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 84.3% cyan, 72.4% magenta, 0% yellow and 17.6% black. It has a hue angle of 231.5 degrees, a saturation of 72.8% and a lightness of 47.6%. #213ad2 color hex could be obtained by blending #4274ff with #0000a5. Closest websafe color is: #3333cc.

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

● #213ad2 color description : Strong blue.

The hexadecimal color #213ad2 has RGB values of R:33, G:58, B:210 and CMYK values of C:0.84, M:0.72, Y:0, K:0.18. Its decimal value is 2177746.

Hex triplet	213ad2	`#213ad2`
RGB Decimal	33, 58, 210	`rgb(33,58,210)`
RGB Percent	12.9, 22.7, 82.4	`rgb(12.9%,22.7%,82.4%)`
CMYK	84, 72, 0, 18
HSL	231.5°, 72.8, 47.6	`hsl(231.5,72.8%,47.6%)`
HSV (or HSB)	231.5°, 84.3, 82.4
Web Safe	3333cc	`#3333cc`

CIE-LAB	33.986, 47.151, -79.398
XYZ	13.771, 8.002, 61.788
xyY	0.165, 0.096, 8.002
CIE-LCH	33.986, 92.344, 300.704
CIE-LUV	33.986, -11.157, -107.229
Hunter-Lab	28.287, 37.395, -109.707
Binary	00100001, 00111010, 11010010

#213ad2
```
#213ad2 rgb(33,58,210)
```
#d2b921
```
#d2b921 rgb(210,185,33)
```

Complementary Color

#2193d2
```
#2193d2 rgb(33,147,210)
```
#213ad2
```
#213ad2 rgb(33,58,210)
```
#6021d2
```
#6021d2 rgb(96,33,210)
```

Analogous Color

#93d221
```
#93d221 rgb(147,210,33)
```
#213ad2
```
#213ad2 rgb(33,58,210)
```
#d26021
```
#d26021 rgb(210,96,33)
```

Split Complementary Color

#3ad221
```
#3ad221 rgb(58,210,33)
```
#213ad2
```
#213ad2 rgb(33,58,210)
```
#d2213a
```
#d2213a rgb(210,33,58)
```

Triadic Color

#21d2b9
```
#21d2b9 rgb(33,210,185)
```
#213ad2
```
#213ad2 rgb(33,58,210)
```
#d2213a
```
#d2213a rgb(210,33,58)
```
#d2b921
```
#d2b921 rgb(210,185,33)
```

Tetradic Color

#172890
```
#172890 rgb(23,40,144)
```
#1a2ea6
```
#1a2ea6 rgb(26,46,166)
```
#1e34bc
```
#1e34bc rgb(30,52,188)
```
#213ad2
```
#213ad2 rgb(33,58,210)
```
#2e47de
```
#2e47de rgb(46,71,222)
```
#445be2
```
#445be2 rgb(68,91,226)
```
#5a6ee5
```
#5a6ee5 rgb(90,110,229)
```

Monochromatic Color

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

#2166d2
```
#2166d2 rgb(33,102,210)
```
#2158d2
```
#2158d2 rgb(33,88,210)
```
#2149d2
```
#2149d2 rgb(33,73,210)
```
#213ad2
```
#213ad2 rgb(33,58,210)
```
#212bd2
```
#212bd2 rgb(33,43,210)
```
#2521d2
```
#2521d2 rgb(37,33,210)
```
#3421d2
```
#3421d2 rgb(52,33,210)
```

Similar Colors

Text with hexadecimal color #213ad2

This text has a font color of #213ad2.

<span style="color:#213ad2;">Text here</span>

#213ad2 background color

This paragraph has a background color of #213ad2.

<p style="background-color:#213ad2;">Content here</p>

#213ad2 border color

This element has a border color of #213ad2.

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

CSS codes

.text {color:#213ad2;}

.background {background-color:#213ad2;}

.border {border:1px solid #213ad2;}

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

#010207
```
#010207 rgb(1,2,7)
```
#040618
```
#040618 rgb(4,6,24)
```
#060b28
```
#060b28 rgb(6,11,40)
```
#091039
```
#091039 rgb(9,16,57)
```
#0c154a
```
#0c154a rgb(12,21,74)
```
#0e195b
```
#0e195b rgb(14,25,91)
```
#111e6c
```
#111e6c rgb(17,30,108)
```
#14237d
```
#14237d rgb(20,35,125)
```
#16278e
```
#16278e rgb(22,39,142)
```
#192c9f
```
#192c9f rgb(25,44,159)
```
#1c31b0
```
#1c31b0 rgb(28,49,176)
```
#1e35c1
```
#1e35c1 rgb(30,53,193)
```
#213ad2
```
#213ad2 rgb(33,58,210)
```

Shade Color Variation

#2943dd
```
#2943dd rgb(41,67,221)
```
#3a52e0
```
#3a52e0 rgb(58,82,224)
```
#4b61e3
```
#4b61e3 rgb(75,97,227)
```
#5c6fe5
```
#5c6fe5 rgb(92,111,229)
```
#6d7ee8
```
#6d7ee8 rgb(109,126,232)
```
#7e8deb
```
#7e8deb rgb(126,141,235)
```
#8f9ced
```
#8f9ced rgb(143,156,237)
```
#a0abf0
```
#a0abf0 rgb(160,171,240)
```
#b1baf3
```
#b1baf3 rgb(177,186,243)
```
#c2c9f5
```
#c2c9f5 rgb(194,201,245)
```
#d3d8f8
```
#d3d8f8 rgb(211,216,248)
```
#e4e7fb
```
#e4e7fb rgb(228,231,251)
```
#f5f6fd
```
#f5f6fd rgb(245,246,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #75767e is the less saturated color, while #0526ee is the most saturated one.

#75767e
```
#75767e rgb(117,118,126)
```
#6c7087
```
#6c7087 rgb(108,112,135)
```
#626991
```
#626991 rgb(98,105,145)
```
#59629a
```
#59629a rgb(89,98,154)
```
#505ca3
```
#505ca3 rgb(80,92,163)
```
#4655ad
```
#4655ad rgb(70,85,173)
```
#3d4eb6
```
#3d4eb6 rgb(61,78,182)
```
#3447bf
```
#3447bf rgb(52,71,191)
```
#2a41c9
```
#2a41c9 rgb(42,65,201)
```
#213ad2
```
#213ad2 rgb(33,58,210)
```
#1833db
```
#1833db rgb(24,51,219)
```
#0e2de5
```
#0e2de5 rgb(14,45,229)
```
#0526ee
```
#0526ee rgb(5,38,238)
```

Tone Color Variation

Below, you can see how #213ad2 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

#444444 Achromatopsia 0.005% of the population
#3d4260 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0056a8 Protanopia 1% of men
#005b91 Deuteranopia 1% of men
#006166 Tritanopia 0.001% of the population

Trichromacy

#0c4cb7 Protanomaly 1% of men, 0.01% of women
#0c4fa9 Deuteranomaly 6% of men, 0.4% of women
#0c538d Tritanomaly 0.01% of the population

#213ad2 hex color

#213ad2 Color Information

#213ad2 Color Conversion

Color Schemes with #213ad2

Alternatives to #213ad2

#213ad2 Preview

Shades and Tints of #213ad2

Tones of #213ad2

Color Blindness Simulator