#217a6c hex color

In a RGB color space, hex #217a6c is composed of 12.9% red, 47.8% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 73% cyan, 0% magenta, 11.5% yellow and 52.2% black. It has a hue angle of 170.6 degrees, a saturation of 57.4% and a lightness of 30.4%. #217a6c color hex could be obtained by blending #42f4d8 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 13
- G 48
- B 42
RGB color chart
- C 73
- M 0
- Y 11
- K 52
CMYK color chart

● #217a6c color description : Dark cyan.

The hexadecimal color #217a6c has RGB values of R:33, G:122, B:108 and CMYK values of C:0.73, M:0, Y:0.11, K:0.52. Its decimal value is 2194028.

Hex triplet	217a6c	`#217a6c`
RGB Decimal	33, 122, 108	`rgb(33,122,108)`
RGB Percent	12.9, 47.8, 42.4	`rgb(12.9%,47.8%,42.4%)`
CMYK	73, 0, 11, 52
HSL	170.6°, 57.4, 30.4	`hsl(170.6,57.4%,30.4%)`
HSV (or HSB)	170.6°, 73, 47.8
Web Safe	336666	`#336666`

CIE-LAB	46.075, -29.242, 0.179
XYZ	10.293, 15.324, 16.602
xyY	0.244, 0.363, 15.324
CIE-LCH	46.075, 29.243, 179.65
CIE-LUV	46.075, -33.455, 4.376
Hunter-Lab	39.146, -21.573, 2.257
Binary	00100001, 01111010, 01101100

#217a6c
```
#217a6c rgb(33,122,108)
```
#7a212f
```
#7a212f rgb(122,33,47)
```

Complementary Color

#217a40
```
#217a40 rgb(33,122,64)
```
#217a6c
```
#217a6c rgb(33,122,108)
```
#215c7a
```
#215c7a rgb(33,92,122)
```

Analogous Color

#7a4021
```
#7a4021 rgb(122,64,33)
```
#217a6c
```
#217a6c rgb(33,122,108)
```
#7a215b
```
#7a215b rgb(122,33,91)
```

Split Complementary Color

#7a6c21
```
#7a6c21 rgb(122,108,33)
```
#217a6c
```
#217a6c rgb(33,122,108)
```
#6c217a
```
#6c217a rgb(108,33,122)
```

Triadic Color

#2f7a21
```
#2f7a21 rgb(47,122,33)
```
#217a6c
```
#217a6c rgb(33,122,108)
```
#6c217a
```
#6c217a rgb(108,33,122)
```
#7a212f
```
#7a212f rgb(122,33,47)
```

Tetradic Color

#113e37
```
#113e37 rgb(17,62,55)
```
#165248
```
#165248 rgb(22,82,72)
```
#1c665a
```
#1c665a rgb(28,102,90)
```
#217a6c
```
#217a6c rgb(33,122,108)
```
#268e7e
```
#268e7e rgb(38,142,126)
```
#2ca290
```
#2ca290 rgb(44,162,144)
```
#31b6a1
```
#31b6a1 rgb(49,182,161)
```

Monochromatic Color

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

#217a56
```
#217a56 rgb(33,122,86)
```
#217a5d
```
#217a5d rgb(33,122,93)
```
#217a65
```
#217a65 rgb(33,122,101)
```
#217a6c
```
#217a6c rgb(33,122,108)
```
#217a73
```
#217a73 rgb(33,122,115)
```
#21797a
```
#21797a rgb(33,121,122)
```
#21727a
```
#21727a rgb(33,114,122)
```

Similar Colors

Text with hexadecimal color #217a6c

This text has a font color of #217a6c.

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

#217a6c background color

This paragraph has a background color of #217a6c.

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

#217a6c border color

This element has a border color of #217a6c.

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

CSS codes

.text {color:#217a6c;}

.background {background-color:#217a6c;}

.border {border:1px solid #217a6c;}

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, #040e0c is the darkest color, while #fdfffe is the lightest one.

#040e0c
```
#040e0c rgb(4,14,12)
```
#081d1a
```
#081d1a rgb(8,29,26)
```
#0c2d28
```
#0c2d28 rgb(12,45,40)
```
#103c35
```
#103c35 rgb(16,60,53)
```
#144c43
```
#144c43 rgb(20,76,67)
```
#195b51
```
#195b51 rgb(25,91,81)
```
#1d6b5e
```
#1d6b5e rgb(29,107,94)
```
#217a6c
```
#217a6c rgb(33,122,108)
```
#25897a
```
#25897a rgb(37,137,122)
```
#299987
```
#299987 rgb(41,153,135)
```
#2ea895
```
#2ea895 rgb(46,168,149)
```
#32b8a3
```
#32b8a3 rgb(50,184,163)
```
#36c7b0
```
#36c7b0 rgb(54,199,176)
```

Shade Color Variation

#44ccb7
```
#44ccb7 rgb(68,204,183)
```
#54d1bd
```
#54d1bd rgb(84,209,189)
```
#63d5c3
```
#63d5c3 rgb(99,213,195)
```
#73d9c9
```
#73d9c9 rgb(115,217,201)
```
#82ddcf
```
#82ddcf rgb(130,221,207)
```
#91e1d5
```
#91e1d5 rgb(145,225,213)
```
#a1e6db
```
#a1e6db rgb(161,230,219)
```
#b0eae1
```
#b0eae1 rgb(176,234,225)
```
#c0eee7
```
#c0eee7 rgb(192,238,231)
```
#cff2ed
```
#cff2ed rgb(207,242,237)
```
#dff6f3
```
#dff6f3 rgb(223,246,243)
```
#eefaf8
```
#eefaf8 rgb(238,250,248)
```
#fdfffe
```
#fdfffe rgb(253,255,254)
```

Tint Color Variation

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

#4b504f
```
#4b504f rgb(75,80,79)
```
#455653
```
#455653 rgb(69,86,83)
```
#3f5c58
```
#3f5c58 rgb(63,92,88)
```
#39625c
```
#39625c rgb(57,98,92)
```
#336860
```
#336860 rgb(51,104,96)
```
#2d6e64
```
#2d6e64 rgb(45,110,100)
```
#277468
```
#277468 rgb(39,116,104)
```
#217a6c
```
#217a6c rgb(33,122,108)
```
#1b8070
```
#1b8070 rgb(27,128,112)
```
#158674
```
#158674 rgb(21,134,116)
```
#0f8c78
```
#0f8c78 rgb(15,140,120)
```
#09927c
```
#09927c rgb(9,146,124)
```
#039880
```
#039880 rgb(3,152,128)
```

Tone Color Variation

Below, you can see how #217a6c 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
#526461 Atypical Achromatopsia 0.001% of the population

Dichromacy

#78746d Protanopia 1% of men
#7d7179 Deuteranopia 1% of men
#387e87 Tritanopia 0.001% of the population

Trichromacy

#58766c Protanomaly 1% of men, 0.01% of women
#5b7474 Deuteranomaly 6% of men, 0.4% of women
#307c7d Tritanomaly 0.01% of the population

#217a6c hex color

#217a6c Color Information

#217a6c Color Conversion

Color Schemes with #217a6c

Alternatives to #217a6c

#217a6c Preview

Shades and Tints of #217a6c

Tones of #217a6c

Color Blindness Simulator