#216ad6 hex color

In a RGB color space, hex #216ad6 is composed of 12.9% red, 41.6% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 84.6% cyan, 50.5% magenta, 0% yellow and 16.1% black. It has a hue angle of 215.8 degrees, a saturation of 73.3% and a lightness of 48.4%. #216ad6 color hex could be obtained by blending #42d4ff with #0000ad. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 13
- G 42
- B 84
RGB color chart
- C 85
- M 50
- Y 0
- K 16
CMYK color chart

● #216ad6 color description : Strong blue.

The hexadecimal color #216ad6 has RGB values of R:33, G:106, B:214 and CMYK values of C:0.85, M:0.5, Y:0, K:0.16. Its decimal value is 2190038.

Hex triplet	216ad6	`#216ad6`
RGB Decimal	33, 106, 214	`rgb(33,106,214)`
RGB Percent	12.9, 41.6, 83.9	`rgb(12.9%,41.6%,83.9%)`
CMYK	85, 50, 0, 16
HSL	215.8°, 73.3, 48.4	`hsl(215.8,73.3%,48.4%)`
HSV (or HSB)	215.8°, 84.6, 83.9
Web Safe	3366cc	`#3366cc`

CIE-LAB	46.291, 18.188, -61.571
XYZ	17.916, 15.485, 65.659
xyY	0.181, 0.156, 15.485
CIE-LCH	46.291, 64.201, 286.457
CIE-LUV	46.291, -22.613, -94.286
Hunter-Lab	39.351, 12.405, -71.383
Binary	00100001, 01101010, 11010110

#216ad6
```
#216ad6 rgb(33,106,214)
```
#d68d21
```
#d68d21 rgb(214,141,33)
```

Complementary Color

#21c5d6
```
#21c5d6 rgb(33,197,214)
```
#216ad6
```
#216ad6 rgb(33,106,214)
```
#3221d6
```
#3221d6 rgb(50,33,214)
```

Analogous Color

#c5d621
```
#c5d621 rgb(197,214,33)
```
#216ad6
```
#216ad6 rgb(33,106,214)
```
#d63221
```
#d63221 rgb(214,50,33)
```

Split Complementary Color

#6ad621
```
#6ad621 rgb(106,214,33)
```
#216ad6
```
#216ad6 rgb(33,106,214)
```
#d6216a
```
#d6216a rgb(214,33,106)
```

Triadic Color

#21d68d
```
#21d68d rgb(33,214,141)
```
#216ad6
```
#216ad6 rgb(33,106,214)
```
#d6216a
```
#d6216a rgb(214,33,106)
```
#d68d21
```
#d68d21 rgb(214,141,33)
```

Tetradic Color

#174994
```
#174994 rgb(23,73,148)
```
#1a54aa
```
#1a54aa rgb(26,84,170)
```
#1e5fc0
```
#1e5fc0 rgb(30,95,192)
```
#216ad6
```
#216ad6 rgb(33,106,214)
```
#3177df
```
#3177df rgb(49,119,223)
```
#4786e3
```
#4786e3 rgb(71,134,227)
```
#5d95e6
```
#5d95e6 rgb(93,149,230)
```

Monochromatic Color

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

#2197d6
```
#2197d6 rgb(33,151,214)
```
#2188d6
```
#2188d6 rgb(33,136,214)
```
#2179d6
```
#2179d6 rgb(33,121,214)
```
#216ad6
```
#216ad6 rgb(33,106,214)
```
#215bd6
```
#215bd6 rgb(33,91,214)
```
#214cd6
```
#214cd6 rgb(33,76,214)
```
#213dd6
```
#213dd6 rgb(33,61,214)
```

Similar Colors

Text with hexadecimal color #216ad6

This text has a font color of #216ad6.

<span style="color:#216ad6;">Text here</span>

#216ad6 background color

This paragraph has a background color of #216ad6.

<p style="background-color:#216ad6;">Content here</p>

#216ad6 border color

This element has a border color of #216ad6.

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

CSS codes

.text {color:#216ad6;}

.background {background-color:#216ad6;}

.border {border:1px solid #216ad6;}

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, #02050a is the darkest color, while #f8fafe is the lightest one.

#02050a
```
#02050a rgb(2,5,10)
```
#040d1b
```
#040d1b rgb(4,13,27)
```
#07162c
```
#07162c rgb(7,22,44)
```
#091e3d
```
#091e3d rgb(9,30,61)
```
#0c274e
```
#0c274e rgb(12,39,78)
```
#0f2f5f
```
#0f2f5f rgb(15,47,95)
```
#113770
```
#113770 rgb(17,55,112)
```
#144081
```
#144081 rgb(20,64,129)
```
#174892
```
#174892 rgb(23,72,146)
```
#1951a3
```
#1951a3 rgb(25,81,163)
```
#1c59b4
```
#1c59b4 rgb(28,89,180)
```
#1e62c5
```
#1e62c5 rgb(30,98,197)
```
#216ad6
```
#216ad6 rgb(33,106,214)
```

Shade Color Variation

#2c74de
```
#2c74de rgb(44,116,222)
```
#3d7fe1
```
#3d7fe1 rgb(61,127,225)
```
#4e8ae4
```
#4e8ae4 rgb(78,138,228)
```
#5f96e6
```
#5f96e6 rgb(95,150,230)
```
#70a1e9
```
#70a1e9 rgb(112,161,233)
```
#81acec
```
#81acec rgb(129,172,236)
```
#92b7ee
```
#92b7ee rgb(146,183,238)
```
#a3c2f1
```
#a3c2f1 rgb(163,194,241)
```
#b4cef3
```
#b4cef3 rgb(180,206,243)
```
#c5d9f6
```
#c5d9f6 rgb(197,217,246)
```
#d6e4f9
```
#d6e4f9 rgb(214,228,249)
```
#e7effb
```
#e7effb rgb(231,239,251)
```
#f8fafe
```
#f8fafe rgb(248,250,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #777b81 is the less saturated color, while #0564f3 is the most saturated one.

#777b81
```
#777b81 rgb(119,123,129)
```
#6d798a
```
#6d798a rgb(109,121,138)
```
#647794
```
#647794 rgb(100,119,148)
```
#5a759d
```
#5a759d rgb(90,117,157)
```
#5173a7
```
#5173a7 rgb(81,115,167)
```
#4771b0
```
#4771b0 rgb(71,113,176)
```
#3e70ba
```
#3e70ba rgb(62,112,186)
```
#346ec3
```
#346ec3 rgb(52,110,195)
```
#2b6ccd
```
#2b6ccd rgb(43,108,205)
```
#216ad6
```
#216ad6 rgb(33,106,214)
```
#1868e0
```
#1868e0 rgb(24,104,224)
```
#0e66e9
```
#0e66e9 rgb(14,102,233)
```
#0564f3
```
#0564f3 rgb(5,100,243)
```

Tone Color Variation

Below, you can see how #216ad6 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

#606060 Achromatopsia 0.005% of the population
#536278 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2c71d8 Protanopia 1% of men
#0077c4 Deuteranopia 1% of men
#008088 Tritanopia 0.001% of the population

Trichromacy

#286ed7 Protanomaly 1% of men, 0.01% of women
#0c72ca Deuteranomaly 6% of men, 0.4% of women
#0c78a4 Tritanomaly 0.01% of the population

#216ad6 hex color

#216ad6 Color Information

#216ad6 Color Conversion

Color Schemes with #216ad6

Alternatives to #216ad6

#216ad6 Preview

Shades and Tints of #216ad6

Tones of #216ad6

Color Blindness Simulator