#216cb2 hex color

In a RGB color space, hex #216cb2 is composed of 12.9% red, 42.4% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 81.5% cyan, 39.3% magenta, 0% yellow and 30.2% black. It has a hue angle of 209 degrees, a saturation of 68.7% and a lightness of 41.4%. #216cb2 color hex could be obtained by blending #42d8ff with #000065. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 13
- G 42
- B 70
RGB color chart
- C 81
- M 39
- Y 0
- K 30
CMYK color chart

● #216cb2 color description : Dark blue.

The hexadecimal color #216cb2 has RGB values of R:33, G:108, B:178 and CMYK values of C:0.81, M:0.39, Y:0, K:0.3. Its decimal value is 2190514.

Hex triplet	216cb2	`#216cb2`
RGB Decimal	33, 108, 178	`rgb(33,108,178)`
RGB Percent	12.9, 42.4, 69.8	`rgb(12.9%,42.4%,69.8%)`
CMYK	81, 39, 0, 30
HSL	209°, 68.7, 41.4	`hsl(209,68.7%,41.4%)`
HSV (or HSB)	209°, 81.5, 69.8
Web Safe	336699	`#336699`

CIE-LAB	44.606, 2.976, -43.517
XYZ	14.024, 14.262, 44.131
xyY	0.194, 0.197, 14.262
CIE-LCH	44.606, 43.619, 273.912
CIE-LUV	44.606, -24.452, -65.023
Hunter-Lab	37.765, 0.197, -42.85
Binary	00100001, 01101100, 10110010

#216cb2
```
#216cb2 rgb(33,108,178)
```
#b26721
```
#b26721 rgb(178,103,33)
```

Complementary Color

#21b2b0
```
#21b2b0 rgb(33,178,176)
```
#216cb2
```
#216cb2 rgb(33,108,178)
```
#2124b2
```
#2124b2 rgb(33,36,178)
```

Analogous Color

#b2b021
```
#b2b021 rgb(178,176,33)
```
#216cb2
```
#216cb2 rgb(33,108,178)
```
#b22124
```
#b22124 rgb(178,33,36)
```

Split Complementary Color

#6cb221
```
#6cb221 rgb(108,178,33)
```
#216cb2
```
#216cb2 rgb(33,108,178)
```
#b2216c
```
#b2216c rgb(178,33,108)
```

Triadic Color

#21b267
```
#21b267 rgb(33,178,103)
```
#216cb2
```
#216cb2 rgb(33,108,178)
```
#b2216c
```
#b2216c rgb(178,33,108)
```
#b26721
```
#b26721 rgb(178,103,33)
```

Tetradic Color

#154571
```
#154571 rgb(21,69,113)
```
#195287
```
#195287 rgb(25,82,135)
```
#1d5f9c
```
#1d5f9c rgb(29,95,156)
```
#216cb2
```
#216cb2 rgb(33,108,178)
```
#2579c8
```
#2579c8 rgb(37,121,200)
```
#2e86d8
```
#2e86d8 rgb(46,134,216)
```
#4392dc
```
#4392dc rgb(67,146,220)
```

Monochromatic Color

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

#2190b2
```
#2190b2 rgb(33,144,178)
```
#2184b2
```
#2184b2 rgb(33,132,178)
```
#2178b2
```
#2178b2 rgb(33,120,178)
```
#216cb2
```
#216cb2 rgb(33,108,178)
```
#2160b2
```
#2160b2 rgb(33,96,178)
```
#2154b2
```
#2154b2 rgb(33,84,178)
```
#2148b2
```
#2148b2 rgb(33,72,178)
```

Similar Colors

Text with hexadecimal color #216cb2

This text has a font color of #216cb2.

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

#216cb2 background color

This paragraph has a background color of #216cb2.

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

#216cb2 border color

This element has a border color of #216cb2.

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

CSS codes

.text {color:#216cb2;}

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

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

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, #02080d is the darkest color, while #fbfdfe is the lightest one.

#02080d
```
#02080d rgb(2,8,13)
```
#05121d
```
#05121d rgb(5,18,29)
```
#081c2e
```
#081c2e rgb(8,28,46)
```
#0c263e
```
#0c263e rgb(12,38,62)
```
#0f304f
```
#0f304f rgb(15,48,79)
```
#123a5f
```
#123a5f rgb(18,58,95)
```
#154470
```
#154470 rgb(21,68,112)
```
#184e80
```
#184e80 rgb(24,78,128)
```
#1b5891
```
#1b5891 rgb(27,88,145)
```
#1e62a1
```
#1e62a1 rgb(30,98,161)
```
#216cb2
```
#216cb2 rgb(33,108,178)
```
#2476c3
```
#2476c3 rgb(36,118,195)
```
#2780d3
```
#2780d3 rgb(39,128,211)
```

Shade Color Variation

#348ad9
```
#348ad9 rgb(52,138,217)
```
#4593dd
```
#4593dd rgb(69,147,221)
```
#569de0
```
#569de0 rgb(86,157,224)
```
#66a6e3
```
#66a6e3 rgb(102,166,227)
```
#77b0e6
```
#77b0e6 rgb(119,176,230)
```
#87bae9
```
#87bae9 rgb(135,186,233)
```
#98c3ec
```
#98c3ec rgb(152,195,236)
```
#a8cdef
```
#a8cdef rgb(168,205,239)
```
#b9d6f2
```
#b9d6f2 rgb(185,214,242)
```
#c9e0f5
```
#c9e0f5 rgb(201,224,245)
```
#daeaf8
```
#daeaf8 rgb(218,234,248)
```
#eaf3fb
```
#eaf3fb rgb(234,243,251)
```
#fbfdfe
```
#fbfdfe rgb(251,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #626a71 is the less saturated color, while #016dd2 is the most saturated one.

#626a71
```
#626a71 rgb(98,106,113)
```
#5a6a79
```
#5a6a79 rgb(90,106,121)
```
#526a81
```
#526a81 rgb(82,106,129)
```
#4a6b89
```
#4a6b89 rgb(74,107,137)
```
#416b92
```
#416b92 rgb(65,107,146)
```
#396b9a
```
#396b9a rgb(57,107,154)
```
#316ba2
```
#316ba2 rgb(49,107,162)
```
#296caa
```
#296caa rgb(41,108,170)
```
#216cb2
```
#216cb2 rgb(33,108,178)
```
#196cba
```
#196cba rgb(25,108,186)
```
#116dc2
```
#116dc2 rgb(17,109,194)
```
#096dca
```
#096dca rgb(9,109,202)
```
#016dd2
```
#016dd2 rgb(1,109,210)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#52616f Atypical Achromatopsia 0.001% of the population

Dichromacy

#536fb2 Protanopia 1% of men
#3972b6 Deuteranopia 1% of men
#007c84 Tritanopia 0.001% of the population

Trichromacy

#416db2 Protanomaly 1% of men, 0.01% of women
#3070b4 Deuteranomaly 6% of men, 0.4% of women
#0c7695 Tritanomaly 0.01% of the population

#216cb2 hex color

#216cb2 Color Information

#216cb2 Color Conversion

Color Schemes with #216cb2

Alternatives to #216cb2

#216cb2 Preview

Shades and Tints of #216cb2

Tones of #216cb2

Color Blindness Simulator