#216bd2 hex color

In a RGB color space, hex #216bd2 is composed of 12.9% red, 42% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 84.3% cyan, 49% magenta, 0% yellow and 17.6% black. It has a hue angle of 214.9 degrees, a saturation of 72.8% and a lightness of 47.6%. #216bd2 color hex could be obtained by blending #42d6ff with #0000a5. Closest websafe color is: #3366cc.

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

● #216bd2 color description : Strong blue.

The hexadecimal color #216bd2 has RGB values of R:33, G:107, B:210 and CMYK values of C:0.84, M:0.49, Y:0, K:0.18. Its decimal value is 2190290.

Hex triplet	216bd2	`#216bd2`
RGB Decimal	33, 107, 210	`rgb(33,107,210)`
RGB Percent	12.9, 42, 82.4	`rgb(12.9%,42%,82.4%)`
CMYK	84, 49, 0, 18
HSL	214.9°, 72.8, 47.6	`hsl(214.9,72.8%,47.6%)`
HSV (or HSB)	214.9°, 84.3, 82.4
Web Safe	3366cc	`#3366cc`

CIE-LAB	46.299, 16.001, -59.277
XYZ	17.515, 15.49, 63.036
xyY	0.182, 0.161, 15.49
CIE-LCH	46.299, 61.399, 285.107
CIE-LUV	46.299, -23.017, -90.734
Hunter-Lab	39.358, 10.56, -67.409
Binary	00100001, 01101011, 11010010

#216bd2
```
#216bd2 rgb(33,107,210)
```
#d28821
```
#d28821 rgb(210,136,33)
```

Complementary Color

#21c4d2
```
#21c4d2 rgb(33,196,210)
```
#216bd2
```
#216bd2 rgb(33,107,210)
```
#3021d2
```
#3021d2 rgb(48,33,210)
```

Analogous Color

#c4d221
```
#c4d221 rgb(196,210,33)
```
#216bd2
```
#216bd2 rgb(33,107,210)
```
#d23021
```
#d23021 rgb(210,48,33)
```

Split Complementary Color

#6bd221
```
#6bd221 rgb(107,210,33)
```
#216bd2
```
#216bd2 rgb(33,107,210)
```
#d2216b
```
#d2216b rgb(210,33,107)
```

Triadic Color

#21d288
```
#21d288 rgb(33,210,136)
```
#216bd2
```
#216bd2 rgb(33,107,210)
```
#d2216b
```
#d2216b rgb(210,33,107)
```
#d28821
```
#d28821 rgb(210,136,33)
```

Tetradic Color

#174990
```
#174990 rgb(23,73,144)
```
#1a55a6
```
#1a55a6 rgb(26,85,166)
```
#1e60bc
```
#1e60bc rgb(30,96,188)
```
#216bd2
```
#216bd2 rgb(33,107,210)
```
#2e78de
```
#2e78de rgb(46,120,222)
```
#4486e2
```
#4486e2 rgb(68,134,226)
```
#5a94e5
```
#5a94e5 rgb(90,148,229)
```

Monochromatic Color

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

#2197d2
```
#2197d2 rgb(33,151,210)
```
#2189d2
```
#2189d2 rgb(33,137,210)
```
#217ad2
```
#217ad2 rgb(33,122,210)
```
#216bd2
```
#216bd2 rgb(33,107,210)
```
#215cd2
```
#215cd2 rgb(33,92,210)
```
#214ed2
```
#214ed2 rgb(33,78,210)
```
#213fd2
```
#213fd2 rgb(33,63,210)
```

Similar Colors

Text with hexadecimal color #216bd2

This text has a font color of #216bd2.

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

#216bd2 background color

This paragraph has a background color of #216bd2.

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

#216bd2 border color

This element has a border color of #216bd2.

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

CSS codes

.text {color:#216bd2;}

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

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

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

#010307
```
#010307 rgb(1,3,7)
```
#040c18
```
#040c18 rgb(4,12,24)
```
#061528
```
#061528 rgb(6,21,40)
```
#091d39
```
#091d39 rgb(9,29,57)
```
#0c264a
```
#0c264a rgb(12,38,74)
```
#0e2f5b
```
#0e2f5b rgb(14,47,91)
```
#11376c
```
#11376c rgb(17,55,108)
```
#14407d
```
#14407d rgb(20,64,125)
```
#16488e
```
#16488e rgb(22,72,142)
```
#19519f
```
#19519f rgb(25,81,159)
```
#1c5ab0
```
#1c5ab0 rgb(28,90,176)
```
#1e62c1
```
#1e62c1 rgb(30,98,193)
```
#216bd2
```
#216bd2 rgb(33,107,210)
```

Shade Color Variation

#2975dd
```
#2975dd rgb(41,117,221)
```
#3a80e0
```
#3a80e0 rgb(58,128,224)
```
#4b8be3
```
#4b8be3 rgb(75,139,227)
```
#5c95e5
```
#5c95e5 rgb(92,149,229)
```
#6da0e8
```
#6da0e8 rgb(109,160,232)
```
#7eabeb
```
#7eabeb rgb(126,171,235)
```
#8fb6ed
```
#8fb6ed rgb(143,182,237)
```
#a0c1f0
```
#a0c1f0 rgb(160,193,240)
```
#b1ccf3
```
#b1ccf3 rgb(177,204,243)
```
#c2d7f5
```
#c2d7f5 rgb(194,215,245)
```
#d3e2f8
```
#d3e2f8 rgb(211,226,248)
```
#e4edfb
```
#e4edfb rgb(228,237,251)
```
#f5f8fd
```
#f5f8fd rgb(245,248,253)
```

Tint Color Variation

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

#75797e
```
#75797e rgb(117,121,126)
```
#6c7787
```
#6c7787 rgb(108,119,135)
```
#627691
```
#627691 rgb(98,118,145)
```
#59749a
```
#59749a rgb(89,116,154)
```
#5073a3
```
#5073a3 rgb(80,115,163)
```
#4671ad
```
#4671ad rgb(70,113,173)
```
#3d70b6
```
#3d70b6 rgb(61,112,182)
```
#346ebf
```
#346ebf rgb(52,110,191)
```
#2a6dc9
```
#2a6dc9 rgb(42,109,201)
```
#216bd2
```
#216bd2 rgb(33,107,210)
```
#1869db
```
#1869db rgb(24,105,219)
```
#0e68e5
```
#0e68e5 rgb(14,104,229)
```
#0566ee
```
#0566ee rgb(5,102,238)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#546378 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3671d3 Protanopia 1% of men
#0077c4 Deuteranopia 1% of men
#008088 Tritanopia 0.001% of the population

Trichromacy

#2e6fd3 Protanomaly 1% of men, 0.01% of women
#0c73c9 Deuteranomaly 6% of men, 0.4% of women
#0c78a3 Tritanomaly 0.01% of the population

#216bd2 hex color

#216bd2 Color Information

#216bd2 Color Conversion

Color Schemes with #216bd2

Alternatives to #216bd2

#216bd2 Preview

Shades and Tints of #216bd2

Tones of #216bd2

Color Blindness Simulator