#216d7d hex color

In a RGB color space, hex #216d7d is composed of 12.9% red, 42.7% green and 49% blue. Whereas in a CMYK color space, it is composed of 73.6% cyan, 12.8% magenta, 0% yellow and 51% black. It has a hue angle of 190.4 degrees, a saturation of 58.2% and a lightness of 31%. #216d7d color hex could be obtained by blending #42dafa with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 13
- G 43
- B 49
RGB color chart
- C 74
- M 13
- Y 0
- K 51
CMYK color chart

● #216d7d color description : Dark cyan.

The hexadecimal color #216d7d has RGB values of R:33, G:109, B:125 and CMYK values of C:0.74, M:0.13, Y:0, K:0.51. Its decimal value is 2190717.

Hex triplet	216d7d	`#216d7d`
RGB Decimal	33, 109, 125	`rgb(33,109,125)`
RGB Percent	12.9, 42.7, 49	`rgb(12.9%,42.7%,49%)`
CMYK	74, 13, 0, 51
HSL	190.4°, 58.2, 31	`hsl(190.4,58.2%,31%)`
HSV (or HSB)	190.4°, 73.6, 49
Web Safe	336666	`#336666`

CIE-LAB	42.37, -17.162, -15.544
XYZ	9.796, 12.74, 21.344
xyY	0.223, 0.29, 12.74
CIE-LCH	42.37, 23.155, 222.167
CIE-LUV	42.37, -27.502, -19.573
Hunter-Lab	35.694, -13.473, -10.468
Binary	00100001, 01101101, 01111101

#216d7d
```
#216d7d rgb(33,109,125)
```
#7d3121
```
#7d3121 rgb(125,49,33)
```

Complementary Color

#217d5f
```
#217d5f rgb(33,125,95)
```
#216d7d
```
#216d7d rgb(33,109,125)
```
#213f7d
```
#213f7d rgb(33,63,125)
```

Analogous Color

#7d5f21
```
#7d5f21 rgb(125,95,33)
```
#216d7d
```
#216d7d rgb(33,109,125)
```
#7d213f
```
#7d213f rgb(125,33,63)
```

Split Complementary Color

#6d7d21
```
#6d7d21 rgb(109,125,33)
```
#216d7d
```
#216d7d rgb(33,109,125)
```
#7d216d
```
#7d216d rgb(125,33,109)
```

Triadic Color

#217d31
```
#217d31 rgb(33,125,49)
```
#216d7d
```
#216d7d rgb(33,109,125)
```
#7d216d
```
#7d216d rgb(125,33,109)
```
#7d3121
```
#7d3121 rgb(125,49,33)
```

Tetradic Color

#113840
```
#113840 rgb(17,56,64)
```
#164a55
```
#164a55 rgb(22,74,85)
```
#1c5b69
```
#1c5b69 rgb(28,91,105)
```
#216d7d
```
#216d7d rgb(33,109,125)
```
#267f91
```
#267f91 rgb(38,127,145)
```
#2c90a5
```
#2c90a5 rgb(44,144,165)
```
#31a2ba
```
#31a2ba rgb(49,162,186)
```

Monochromatic Color

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

#217d76
```
#217d76 rgb(33,125,118)
```
#217c7d
```
#217c7d rgb(33,124,125)
```
#21757d
```
#21757d rgb(33,117,125)
```
#216d7d
```
#216d7d rgb(33,109,125)
```
#21657d
```
#21657d rgb(33,101,125)
```
#215e7d
```
#215e7d rgb(33,94,125)
```
#21567d
```
#21567d rgb(33,86,125)
```

Similar Colors

Text with hexadecimal color #216d7d

This text has a font color of #216d7d.

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

#216d7d background color

This paragraph has a background color of #216d7d.

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

#216d7d border color

This element has a border color of #216d7d.

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

CSS codes

.text {color:#216d7d;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#040e10
```
#040e10 rgb(4,14,16)
```
#081c20
```
#081c20 rgb(8,28,32)
```
#0d292f
```
#0d292f rgb(13,41,47)
```
#11373f
```
#11373f rgb(17,55,63)
```
#15444e
```
#15444e rgb(21,68,78)
```
#19525e
```
#19525e rgb(25,82,94)
```
#1d5f6d
```
#1d5f6d rgb(29,95,109)
```
#216d7d
```
#216d7d rgb(33,109,125)
```
#257b8d
```
#257b8d rgb(37,123,141)
```
#29889c
```
#29889c rgb(41,136,156)
```
#2d96ac
```
#2d96ac rgb(45,150,172)
```
#31a3bb
```
#31a3bb rgb(49,163,187)
```

Shade Color Variation

#36b0ca
```
#36b0ca rgb(54,176,202)
```
#46b6ce
```
#46b6ce rgb(70,182,206)
```
#55bcd2
```
#55bcd2 rgb(85,188,210)
```
#65c3d6
```
#65c3d6 rgb(101,195,214)
```
#74c9da
```
#74c9da rgb(116,201,218)
```
#84cfde
```
#84cfde rgb(132,207,222)
```
#93d5e3
```
#93d5e3 rgb(147,213,227)
```
#a3dbe7
```
#a3dbe7 rgb(163,219,231)
```
#b2e1eb
```
#b2e1eb rgb(178,225,235)
```
#c2e7ef
```
#c2e7ef rgb(194,231,239)
```
#d1edf3
```
#d1edf3 rgb(209,237,243)
```
#e1f3f7
```
#e1f3f7 rgb(225,243,247)
```
#f0f9fb
```
#f0f9fb rgb(240,249,251)
```

Tint Color Variation

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

#4c5152
```
#4c5152 rgb(76,81,82)
```
#455559
```
#455559 rgb(69,85,89)
```
#3f595f
```
#3f595f rgb(63,89,95)
```
#395d65
```
#395d65 rgb(57,93,101)
```
#33616b
```
#33616b rgb(51,97,107)
```
#2d6571
```
#2d6571 rgb(45,101,113)
```
#276977
```
#276977 rgb(39,105,119)
```
#216d7d
```
#216d7d rgb(33,109,125)
```
#1b7183
```
#1b7183 rgb(27,113,131)
```
#157589
```
#157589 rgb(21,117,137)
```
#0f798f
```
#0f798f rgb(15,121,143)
```
#097d95
```
#097d95 rgb(9,125,149)
```
#03819b
```
#03819b rgb(3,129,155)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#4d5c5f Atypical Achromatopsia 0.001% of the population

Dichromacy

#686b7d Protanopia 1% of men
#666a87 Deuteranopia 1% of men
#27757e Tritanopia 0.001% of the population

Trichromacy

#4e6b7d Protanomaly 1% of men, 0.01% of women
#4d6b83 Deuteranomaly 6% of men, 0.4% of women
#25727d Tritanomaly 0.01% of the population

#216d7d hex color

#216d7d Color Information

#216d7d Color Conversion

Color Schemes with #216d7d

Alternatives to #216d7d

#216d7d Preview

Shades and Tints of #216d7d

Tones of #216d7d

Color Blindness Simulator