#213ad4 hex color

In a RGB color space, hex #213ad4 is composed of 12.9% red, 22.7% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 84.4% cyan, 72.6% magenta, 0% yellow and 16.9% black. It has a hue angle of 231.6 degrees, a saturation of 73.1% and a lightness of 48%. #213ad4 color hex could be obtained by blending #4274ff with #0000a9. Closest websafe color is: #3333cc.

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

● #213ad4 color description : Strong blue.

The hexadecimal color #213ad4 has RGB values of R:33, G:58, B:212 and CMYK values of C:0.84, M:0.73, Y:0, K:0.17. Its decimal value is 2177748.

Hex triplet	213ad4	`#213ad4`
RGB Decimal	33, 58, 212	`rgb(33,58,212)`
RGB Percent	12.9, 22.7, 83.1	`rgb(12.9%,22.7%,83.1%)`
CMYK	84, 73, 0, 17
HSL	231.6°, 73.1, 48	`hsl(231.6,73.1%,48%)`
HSV (or HSB)	231.6°, 84.4, 83.1
Web Safe	3333cc	`#3333cc`

CIE-LAB	34.194, 47.839, -80.211
XYZ	14.021, 8.102, 63.109
xyY	0.165, 0.095, 8.102
CIE-LCH	34.194, 93.394, 300.813
CIE-LUV	34.194, -11.203, -108.415
Hunter-Lab	28.464, 38.119, -111.53
Binary	00100001, 00111010, 11010100

#213ad4
```
#213ad4 rgb(33,58,212)
```
#d4bb21
```
#d4bb21 rgb(212,187,33)
```

Complementary Color

#2194d4
```
#2194d4 rgb(33,148,212)
```
#213ad4
```
#213ad4 rgb(33,58,212)
```
#6121d4
```
#6121d4 rgb(97,33,212)
```

Analogous Color

#94d421
```
#94d421 rgb(148,212,33)
```
#213ad4
```
#213ad4 rgb(33,58,212)
```
#d46121
```
#d46121 rgb(212,97,33)
```

Split Complementary Color

#3ad421
```
#3ad421 rgb(58,212,33)
```
#213ad4
```
#213ad4 rgb(33,58,212)
```
#d4213a
```
#d4213a rgb(212,33,58)
```

Triadic Color

#21d4bb
```
#21d4bb rgb(33,212,187)
```
#213ad4
```
#213ad4 rgb(33,58,212)
```
#d4213a
```
#d4213a rgb(212,33,58)
```
#d4bb21
```
#d4bb21 rgb(212,187,33)
```

Tetradic Color

#172892
```
#172892 rgb(23,40,146)
```
#1a2ea8
```
#1a2ea8 rgb(26,46,168)
```
#1e34be
```
#1e34be rgb(30,52,190)
```
#213ad4
```
#213ad4 rgb(33,58,212)
```
#3048df
```
#3048df rgb(48,72,223)
```
#465ce2
```
#465ce2 rgb(70,92,226)
```
#5c6fe6
```
#5c6fe6 rgb(92,111,230)
```

Monochromatic Color

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

#2167d4
```
#2167d4 rgb(33,103,212)
```
#2158d4
```
#2158d4 rgb(33,88,212)
```
#2149d4
```
#2149d4 rgb(33,73,212)
```
#213ad4
```
#213ad4 rgb(33,58,212)
```
#212bd4
```
#212bd4 rgb(33,43,212)
```
#2621d4
```
#2621d4 rgb(38,33,212)
```
#3521d4
```
#3521d4 rgb(53,33,212)
```

Similar Colors

Text with hexadecimal color #213ad4

This text has a font color of #213ad4.

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

#213ad4 background color

This paragraph has a background color of #213ad4.

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

#213ad4 border color

This element has a border color of #213ad4.

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

CSS codes

.text {color:#213ad4;}

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

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

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)
```
#040719
```
#040719 rgb(4,7,25)
```
#070c2a
```
#070c2a rgb(7,12,42)
```
#09103b
```
#09103b rgb(9,16,59)
```
#0c154c
```
#0c154c rgb(12,21,76)
```
#0f195d
```
#0f195d rgb(15,25,93)
```
#111e6e
```
#111e6e rgb(17,30,110)
```
#14237f
```
#14237f rgb(20,35,127)
```
#162790
```
#162790 rgb(22,39,144)
```
#192ca1
```
#192ca1 rgb(25,44,161)
```
#1c31b2
```
#1c31b2 rgb(28,49,178)
```
#1e35c3
```
#1e35c3 rgb(30,53,195)
```
#213ad4
```
#213ad4 rgb(33,58,212)
```

Shade Color Variation

#2b44de
```
#2b44de rgb(43,68,222)
```
#3c53e1
```
#3c53e1 rgb(60,83,225)
```
#4d62e3
```
#4d62e3 rgb(77,98,227)
```
#5e71e6
```
#5e71e6 rgb(94,113,230)
```
#6f80e9
```
#6f80e9 rgb(111,128,233)
```
#808feb
```
#808feb rgb(128,143,235)
```
#919eee
```
#919eee rgb(145,158,238)
```
#a1adf0
```
#a1adf0 rgb(161,173,240)
```
#b2bbf3
```
#b2bbf3 rgb(178,187,243)
```
#c3caf6
```
#c3caf6 rgb(195,202,246)
```
#d4d9f8
```
#d4d9f8 rgb(212,217,248)
```
#e5e8fb
```
#e5e8fb rgb(229,232,251)
```
#f6f7fe
```
#f6f7fe rgb(246,247,254)
```

Tint Color Variation

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

#76777f
```
#76777f rgb(118,119,127)
```
#6c7089
```
#6c7089 rgb(108,112,137)
```
#636a92
```
#636a92 rgb(99,106,146)
```
#5a639b
```
#5a639b rgb(90,99,155)
```
#505ca5
```
#505ca5 rgb(80,92,165)
```
#4755ae
```
#4755ae rgb(71,85,174)
```
#3d4eb8
```
#3d4eb8 rgb(61,78,184)
```
#3448c1
```
#3448c1 rgb(52,72,193)
```
#2a41cb
```
#2a41cb rgb(42,65,203)
```
#213ad4
```
#213ad4 rgb(33,58,212)
```
#1833dd
```
#1833dd rgb(24,51,221)
```
#0e2ce7
```
#0e2ce7 rgb(14,44,231)
```
#0526f0
```
#0526f0 rgb(5,38,240)
```

Tone Color Variation

Below, you can see how #213ad4 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
#3d4261 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0056a9 Protanopia 1% of men
#005c92 Deuteranopia 1% of men
#006267 Tritanopia 0.001% of the population

Trichromacy

#0c4cb8 Protanomaly 1% of men, 0.01% of women
#0c4faa Deuteranomaly 6% of men, 0.4% of women
#0c538e Tritanomaly 0.01% of the population

#213ad4 hex color

#213ad4 Color Information

#213ad4 Color Conversion

Color Schemes with #213ad4

Alternatives to #213ad4

#213ad4 Preview

Shades and Tints of #213ad4

Tones of #213ad4

Color Blindness Simulator