#216a76 hex color

In a RGB color space, hex #216a76 is composed of 12.9% red, 41.6% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 72% cyan, 10.2% magenta, 0% yellow and 53.7% black. It has a hue angle of 188.5 degrees, a saturation of 56.3% and a lightness of 29.6%. #216a76 color hex could be obtained by blending #42d4ec with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 13
- G 42
- B 46
RGB color chart
- C 72
- M 10
- Y 0
- K 54
CMYK color chart

● #216a76 color description : Dark cyan.

The hexadecimal color #216a76 has RGB values of R:33, G:106, B:118 and CMYK values of C:0.72, M:0.1, Y:0, K:0.54. Its decimal value is 2189942.

Hex triplet	216a76	`#216a76`
RGB Decimal	33, 106, 118	`rgb(33,106,118)`
RGB Percent	12.9, 41.6, 46.3	`rgb(12.9%,41.6%,46.3%)`
CMYK	72, 10, 0, 54
HSL	188.5°, 56.3, 29.6	`hsl(188.5,56.3%,29.6%)`
HSV (or HSB)	188.5°, 72, 46.3
Web Safe	336666	`#336666`

CIE-LAB	41.118, -17.879, -13.215
XYZ	9.05, 11.939, 18.966
xyY	0.227, 0.299, 11.939
CIE-LCH	41.118, 22.233, 216.47
CIE-LUV	41.118, -26.778, -15.942
Hunter-Lab	34.552, -13.712, -8.358
Binary	00100001, 01101010, 01110110

#216a76
```
#216a76 rgb(33,106,118)
```
#762d21
```
#762d21 rgb(118,45,33)
```

Complementary Color

#217658
```
#217658 rgb(33,118,88)
```
#216a76
```
#216a76 rgb(33,106,118)
```
#214076
```
#214076 rgb(33,64,118)
```

Analogous Color

#765821
```
#765821 rgb(118,88,33)
```
#216a76
```
#216a76 rgb(33,106,118)
```
#762140
```
#762140 rgb(118,33,64)
```

Split Complementary Color

#6a7621
```
#6a7621 rgb(106,118,33)
```
#216a76
```
#216a76 rgb(33,106,118)
```
#76216a
```
#76216a rgb(118,33,106)
```

Triadic Color

#21762d
```
#21762d rgb(33,118,45)
```
#216a76
```
#216a76 rgb(33,106,118)
```
#76216a
```
#76216a rgb(118,33,106)
```
#762d21
```
#762d21 rgb(118,45,33)
```

Tetradic Color

#10343a
```
#10343a rgb(16,52,58)
```
#16464e
```
#16464e rgb(22,70,78)
```
#1b5862
```
#1b5862 rgb(27,88,98)
```
#216a76
```
#216a76 rgb(33,106,118)
```
#277c8a
```
#277c8a rgb(39,124,138)
```
#2c8e9e
```
#2c8e9e rgb(44,142,158)
```
#32a0b2
```
#32a0b2 rgb(50,160,178)
```

Monochromatic Color

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

#21766d
```
#21766d rgb(33,118,109)
```
#217674
```
#217674 rgb(33,118,116)
```
#217176
```
#217176 rgb(33,113,118)
```
#216a76
```
#216a76 rgb(33,106,118)
```
#216376
```
#216376 rgb(33,99,118)
```
#215c76
```
#215c76 rgb(33,92,118)
```
#215576
```
#215576 rgb(33,85,118)
```

Similar Colors

Text with hexadecimal color #216a76

This text has a font color of #216a76.

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

#216a76 background color

This paragraph has a background color of #216a76.

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

#216a76 border color

This element has a border color of #216a76.

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

CSS codes

.text {color:#216a76;}

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

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

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, #030a0b is the darkest color, while #fafdfe is the lightest one.

#030a0b
```
#030a0b rgb(3,10,11)
```
#07171a
```
#07171a rgb(7,23,26)
```
#0c2529
```
#0c2529 rgb(12,37,41)
```
#103339
```
#103339 rgb(16,51,57)
```
#144148
```
#144148 rgb(20,65,72)
```
#184e57
```
#184e57 rgb(24,78,87)
```
#1d5c67
```
#1d5c67 rgb(29,92,103)
```
#216a76
```
#216a76 rgb(33,106,118)
```
#257885
```
#257885 rgb(37,120,133)
```
#2a8695
```
#2a8695 rgb(42,134,149)
```
#2e93a4
```
#2e93a4 rgb(46,147,164)
```
#32a1b3
```
#32a1b3 rgb(50,161,179)
```
#36afc3
```
#36afc3 rgb(54,175,195)
```

Shade Color Variation

#42b7ca
```
#42b7ca rgb(66,183,202)
```
#52bdcf
```
#52bdcf rgb(82,189,207)
```
#61c3d3
```
#61c3d3 rgb(97,195,211)
```
#70c9d7
```
#70c9d7 rgb(112,201,215)
```
#80cedb
```
#80cedb rgb(128,206,219)
```
#8fd4e0
```
#8fd4e0 rgb(143,212,224)
```
#9edae4
```
#9edae4 rgb(158,218,228)
```
#aee0e8
```
#aee0e8 rgb(174,224,232)
```
#bde6ed
```
#bde6ed rgb(189,230,237)
```
#ccecf1
```
#ccecf1 rgb(204,236,241)
```
#dcf2f5
```
#dcf2f5 rgb(220,242,245)
```
#ebf7f9
```
#ebf7f9 rgb(235,247,249)
```
#fafdfe
```
#fafdfe rgb(250,253,254)
```

Tint Color Variation

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

#4a4d4d
```
#4a4d4d rgb(74,77,77)
```
#445153
```
#445153 rgb(68,81,83)
```
#3e5559
```
#3e5559 rgb(62,85,89)
```
#38595f
```
#38595f rgb(56,89,95)
```
#325d65
```
#325d65 rgb(50,93,101)
```
#2d626a
```
#2d626a rgb(45,98,106)
```
#276670
```
#276670 rgb(39,102,112)
```
#216a76
```
#216a76 rgb(33,106,118)
```
#1b6e7c
```
#1b6e7c rgb(27,110,124)
```
#157282
```
#157282 rgb(21,114,130)
```
#107787
```
#107787 rgb(16,119,135)
```
#0a7b8d
```
#0a7b8d rgb(10,123,141)
```
#047f93
```
#047f93 rgb(4,127,147)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#4b5a5c Atypical Achromatopsia 0.001% of the population

Dichromacy

#666877 Protanopia 1% of men
#656781 Deuteranopia 1% of men
#2a727a Tritanopia 0.001% of the population

Trichromacy

#4d6876 Protanomaly 1% of men, 0.01% of women
#4c687d Deuteranomaly 6% of men, 0.4% of women
#276f78 Tritanomaly 0.01% of the population

#216a76 hex color

#216a76 Color Information

#216a76 Color Conversion

Color Schemes with #216a76

Alternatives to #216a76

#216a76 Preview

Shades and Tints of #216a76

Tones of #216a76

Color Blindness Simulator