colorhexa.com

#216d98 hex color

In a RGB color space, hex #216d98 is composed of 12.9% red, 42.7% green and 59.6% blue. Whereas in a CMYK color space, it is composed of 78.3% cyan, 28.3% magenta, 0% yellow and 40.4% black. It has a hue angle of 201.7 degrees, a saturation of 64.3% and a lightness of 36.3%. #216d98 color hex could be obtained by blending #42daff with #000031. Closest websafe color is: #336699.

- R 13
- G 43
- B 60
RGB color chart
- C 78
- M 28
- Y 0
- K 40
CMYK color chart

● #216d98 color description : Dark blue.

The hexadecimal color #216d98 has RGB values of R:33, G:109, B:152 and CMYK values of C:0.78, M:0.28, Y:0, K:0.4. Its decimal value is 2190744.

Hex triplet	216d98	`#216d98`
RGB Decimal	33, 109, 152	`rgb(33,109,152)`
RGB Percent	12.9, 42.7, 59.6	`rgb(12.9%,42.7%,59.6%)`
CMYK	78, 28, 0, 40
HSL	201.7°, 64.3, 36.3	`hsl(201.7,64.3%,36.3%)`
HSV (or HSB)	201.7°, 78.3, 59.6
Web Safe	336699	`#336699`

CIE-LAB	43.546, -7.502, -29.882
XYZ	11.762, 13.527, 31.695
xyY	0.206, 0.237, 13.527
CIE-LCH	43.546, 30.81, 255.907
CIE-LUV	43.546, -26.012, -42.631
Hunter-Lab	36.779, -7.277, -25.35
Binary	00100001, 01101101, 10011000

#216d98
```
#216d98 rgb(33,109,152)
```
#984c21
```
#984c21 rgb(152,76,33)
```

Complementary Color

#219888
```
#219888 rgb(33,152,136)
```
#216d98
```
#216d98 rgb(33,109,152)
```
#213298
```
#213298 rgb(33,50,152)
```

Analogous Color

#988821
```
#988821 rgb(152,136,33)
```
#216d98
```
#216d98 rgb(33,109,152)
```
#982132
```
#982132 rgb(152,33,50)
```

Split Complementary Color

#6d9821
```
#6d9821 rgb(109,152,33)
```
#216d98
```
#216d98 rgb(33,109,152)
```
#98216d
```
#98216d rgb(152,33,109)
```

Triadic Color

#21984c
```
#21984c rgb(33,152,76)
```
#216d98
```
#216d98 rgb(33,109,152)
```
#98216d
```
#98216d rgb(152,33,109)
```
#984c21
```
#984c21 rgb(152,76,33)
```

Tetradic Color

#134059
```
#134059 rgb(19,64,89)
```
#184f6e
```
#184f6e rgb(24,79,110)
```
#1c5e83
```
#1c5e83 rgb(28,94,131)
```
#216d98
```
#216d98 rgb(33,109,152)
```
#267cad
```
#267cad rgb(38,124,173)
```
#2a8bc2
```
#2a8bc2 rgb(42,139,194)
```
#3399d3
```
#3399d3 rgb(51,153,211)
```

Monochromatic Color

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

#218b98
```
#218b98 rgb(33,139,152)
```
#218198
```
#218198 rgb(33,129,152)
```
#217798
```
#217798 rgb(33,119,152)
```
#216d98
```
#216d98 rgb(33,109,152)
```
#216398
```
#216398 rgb(33,99,152)
```
#215998
```
#215998 rgb(33,89,152)
```
#214f98
```
#214f98 rgb(33,79,152)
```

Similar Colors

Text with hexadecimal color #216d98

This text has a font color of #216d98.

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

#216d98 background color

This paragraph has a background color of #216d98.

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

#216d98 border color

This element has a border color of #216d98.

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

CSS codes

.text {color:#216d98;}

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

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

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

#020507
```
#020507 rgb(2,5,7)
```
#051117
```
#051117 rgb(5,17,23)
```
#091c27
```
#091c27 rgb(9,28,39)
```
#0c2837
```
#0c2837 rgb(12,40,55)
```
#103347
```
#103347 rgb(16,51,71)
```
#133f58
```
#133f58 rgb(19,63,88)
```
#174a68
```
#174a68 rgb(23,74,104)
```
#1a5678
```
#1a5678 rgb(26,86,120)
```
#1e6188
```
#1e6188 rgb(30,97,136)
```
#216d98
```
#216d98 rgb(33,109,152)
```
#2479a8
```
#2479a8 rgb(36,121,168)
```
#2884b8
```
#2884b8 rgb(40,132,184)
```
#2b90c8
```
#2b90c8 rgb(43,144,200)
```

Shade Color Variation

#349ad3
```
#349ad3 rgb(52,154,211)
```
#45a2d7
```
#45a2d7 rgb(69,162,215)
```
#55aada
```
#55aada rgb(85,170,218)
```
#65b2de
```
#65b2de rgb(101,178,222)
```
#75bae1
```
#75bae1 rgb(117,186,225)
```
#85c2e5
```
#85c2e5 rgb(133,194,229)
```
#95cae8
```
#95cae8 rgb(149,202,232)
```
#a5d2ec
```
#a5d2ec rgb(165,210,236)
```
#b5daef
```
#b5daef rgb(181,218,239)
```
#c5e2f3
```
#c5e2f3 rgb(197,226,243)
```
#d6eaf6
```
#d6eaf6 rgb(214,234,246)
```
#e6f2fa
```
#e6f2fa rgb(230,242,250)
```
#f6fafd
```
#f6fafd rgb(246,250,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5a5d5f is the less saturated color, while #0575b4 is the most saturated one.

#5a5d5f
```
#5a5d5f rgb(90,93,95)
```
#535f66
```
#535f66 rgb(83,95,102)
```
#4c616d
```
#4c616d rgb(76,97,109)
```
#456374
```
#456374 rgb(69,99,116)
```
#3d657c
```
#3d657c rgb(61,101,124)
```
#366783
```
#366783 rgb(54,103,131)
```
#2f698a
```
#2f698a rgb(47,105,138)
```
#286b91
```
#286b91 rgb(40,107,145)
```
#216d98
```
#216d98 rgb(33,109,152)
```
#1a6f9f
```
#1a6f9f rgb(26,111,159)
```
#1371a6
```
#1371a6 rgb(19,113,166)
```
#0c73ad
```
#0c73ad rgb(12,115,173)
```
#0575b4
```
#0575b4 rgb(5,117,180)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#4f5f67 Atypical Achromatopsia 0.001% of the population

Dichromacy

#606d98 Protanopia 1% of men
#566e9f Deuteranopia 1% of men
#007982 Tritanopia 0.001% of the population

Trichromacy

#496d98 Protanomaly 1% of men, 0.01% of women
#436d9d Deuteranomaly 6% of men, 0.4% of women
#0c748a Tritanomaly 0.01% of the population