#216584 hex color

In a RGB color space, hex #216584 is composed of 12.9% red, 39.6% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 75% cyan, 23.5% magenta, 0% yellow and 48.2% black. It has a hue angle of 198.8 degrees, a saturation of 60% and a lightness of 32.4%. #216584 color hex could be obtained by blending #42caff with #000009. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 13
- G 40
- B 52
RGB color chart
- C 75
- M 23
- Y 0
- K 48
CMYK color chart

● #216584 color description : Dark blue.

The hexadecimal color #216584 has RGB values of R:33, G:101, B:132 and CMYK values of C:0.75, M:0.23, Y:0, K:0.48. Its decimal value is 2188676.

Hex triplet	216584	`#216584`
RGB Decimal	33, 101, 132	`rgb(33,101,132)`
RGB Percent	12.9, 39.6, 51.8	`rgb(12.9%,39.6%,51.8%)`
CMYK	75, 23, 0, 48
HSL	198.8°, 60, 32.4	`hsl(198.8,60%,32.4%)`
HSV (or HSB)	198.8°, 75, 51.8
Web Safe	336699	`#336699`

CIE-LAB	40.074, -10.11, -23.307
XYZ	9.445, 11.296, 23.511
xyY	0.213, 0.255, 11.296
CIE-LCH	40.074, 25.405, 246.55
CIE-LUV	40.074, -24.158, -31.64
Hunter-Lab	33.609, -8.655, -17.949
Binary	00100001, 01100101, 10000100

#216584
```
#216584 rgb(33,101,132)
```
#844021
```
#844021 rgb(132,64,33)
```

Complementary Color

#218472
```
#218472 rgb(33,132,114)
```
#216584
```
#216584 rgb(33,101,132)
```
#213384
```
#213384 rgb(33,51,132)
```

Analogous Color

#847221
```
#847221 rgb(132,114,33)
```
#216584
```
#216584 rgb(33,101,132)
```
#842133
```
#842133 rgb(132,33,51)
```

Split Complementary Color

#658421
```
#658421 rgb(101,132,33)
```
#216584
```
#216584 rgb(33,101,132)
```
#842165
```
#842165 rgb(132,33,101)
```

Triadic Color

#218440
```
#218440 rgb(33,132,64)
```
#216584
```
#216584 rgb(33,101,132)
```
#842165
```
#842165 rgb(132,33,101)
```
#844021
```
#844021 rgb(132,64,33)
```

Tetradic Color

#123647
```
#123647 rgb(18,54,71)
```
#17465b
```
#17465b rgb(23,70,91)
```
#1c5570
```
#1c5570 rgb(28,85,112)
```
#216584
```
#216584 rgb(33,101,132)
```
#267598
```
#267598 rgb(38,117,152)
```
#2b84ad
```
#2b84ad rgb(43,132,173)
```
#3094c1
```
#3094c1 rgb(48,148,193)
```

Monochromatic Color

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

#217e84
```
#217e84 rgb(33,126,132)
```
#217684
```
#217684 rgb(33,118,132)
```
#216d84
```
#216d84 rgb(33,109,132)
```
#216584
```
#216584 rgb(33,101,132)
```
#215d84
```
#215d84 rgb(33,93,132)
```
#215584
```
#215584 rgb(33,85,132)
```
#214c84
```
#214c84 rgb(33,76,132)
```

Similar Colors

Text with hexadecimal color #216584

This text has a font color of #216584.

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

#216584 background color

This paragraph has a background color of #216584.

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

#216584 border color

This element has a border color of #216584.

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

CSS codes

.text {color:#216584;}

.background {background-color:#216584;}

.border {border:1px solid #216584;}

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

#020506
```
#020506 rgb(2,5,6)
```
#061116
```
#061116 rgb(6,17,22)
```
#091d26
```
#091d26 rgb(9,29,38)
```
#0d2936
```
#0d2936 rgb(13,41,54)
```
#113545
```
#113545 rgb(17,53,69)
```
#154155
```
#154155 rgb(21,65,85)
```
#194d65
```
#194d65 rgb(25,77,101)
```
#1d5974
```
#1d5974 rgb(29,89,116)
```
#216584
```
#216584 rgb(33,101,132)
```
#257194
```
#257194 rgb(37,113,148)
```
#297da3
```
#297da3 rgb(41,125,163)
```
#2d89b3
```
#2d89b3 rgb(45,137,179)
```
#3195c3
```
#3195c3 rgb(49,149,195)
```

Shade Color Variation

#399fce
```
#399fce rgb(57,159,206)
```
#49a7d2
```
#49a7d2 rgb(73,167,210)
```
#59aed5
```
#59aed5 rgb(89,174,213)
```
#69b6d9
```
#69b6d9 rgb(105,182,217)
```
#78bedd
```
#78bedd rgb(120,190,221)
```
#88c5e1
```
#88c5e1 rgb(136,197,225)
```
#98cde5
```
#98cde5 rgb(152,205,229)
```
#a7d4e9
```
#a7d4e9 rgb(167,212,233)
```
#b7dced
```
#b7dced rgb(183,220,237)
```
#c7e4f1
```
#c7e4f1 rgb(199,228,241)
```
#d6ebf5
```
#d6ebf5 rgb(214,235,245)
```
#e6f3f9
```
#e6f3f9 rgb(230,243,249)
```
#f6fbfd
```
#f6fbfd rgb(246,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4d5458 is the less saturated color, while #0171a4 is the most saturated one.

#4d5458
```
#4d5458 rgb(77,84,88)
```
#47575e
```
#47575e rgb(71,87,94)
```
#415964
```
#415964 rgb(65,89,100)
```
#3a5c6b
```
#3a5c6b rgb(58,92,107)
```
#345e71
```
#345e71 rgb(52,94,113)
```
#2e6077
```
#2e6077 rgb(46,96,119)
```
#27637e
```
#27637e rgb(39,99,126)
```
#216584
```
#216584 rgb(33,101,132)
```
#1b678a
```
#1b678a rgb(27,103,138)
```
#146a91
```
#146a91 rgb(20,106,145)
```
#0e6c97
```
#0e6c97 rgb(14,108,151)
```
#086e9d
```
#086e9d rgb(8,110,157)
```
#0171a4
```
#0171a4 rgb(1,113,164)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#4a575e Atypical Achromatopsia 0.001% of the population

Dichromacy

#5d6585 Protanopia 1% of men
#57658d Deuteranopia 1% of men
#197078 Tritanopia 0.001% of the population

Trichromacy

#476584 Protanomaly 1% of men, 0.01% of women
#436589 Deuteranomaly 6% of men, 0.4% of women
#1b6c7c Tritanomaly 0.01% of the population

#216584 hex color

#216584 Color Information

#216584 Color Conversion

Color Schemes with #216584

Alternatives to #216584

#216584 Preview

Shades and Tints of #216584

Tones of #216584

Color Blindness Simulator