#217a5f hex color

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

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

● #217a5f color description : Dark cyan - lime green.

The hexadecimal color #217a5f has RGB values of R:33, G:122, B:95 and CMYK values of C:0.73, M:0, Y:0.22, K:0.52. Its decimal value is 2194015.

Hex triplet	217a5f	`#217a5f`
RGB Decimal	33, 122, 95	`rgb(33,122,95)`
RGB Percent	12.9, 47.8, 37.3	`rgb(12.9%,47.8%,37.3%)`
CMYK	73, 0, 22, 52
HSL	161.8°, 57.4, 30.4	`hsl(161.8,57.4%,30.4%)`
HSV (or HSB)	161.8°, 73, 47.8
Web Safe	336666	`#336666`

CIE-LAB	45.727, -32.796, 7.377
XYZ	9.652, 15.068, 13.226
xyY	0.254, 0.397, 15.068
CIE-LCH	45.727, 33.615, 167.323
CIE-LUV	45.727, -34.258, 14.37
Hunter-Lab	38.817, -23.548, 6.971
Binary	00100001, 01111010, 01011111

#217a5f
```
#217a5f rgb(33,122,95)
```
#7a213c
```
#7a213c rgb(122,33,60)
```

Complementary Color

#217a33
```
#217a33 rgb(33,122,51)
```
#217a5f
```
#217a5f rgb(33,122,95)
```
#21697a
```
#21697a rgb(33,105,122)
```

Analogous Color

#7a3321
```
#7a3321 rgb(122,51,33)
```
#217a5f
```
#217a5f rgb(33,122,95)
```
#7a2169
```
#7a2169 rgb(122,33,105)
```

Split Complementary Color

#7a5f21
```
#7a5f21 rgb(122,95,33)
```
#217a5f
```
#217a5f rgb(33,122,95)
```
#5f217a
```
#5f217a rgb(95,33,122)
```

Triadic Color

#3c7a21
```
#3c7a21 rgb(60,122,33)
```
#217a5f
```
#217a5f rgb(33,122,95)
```
#5f217a
```
#5f217a rgb(95,33,122)
```
#7a213c
```
#7a213c rgb(122,33,60)
```

Tetradic Color

#113e30
```
#113e30 rgb(17,62,48)
```
#165240
```
#165240 rgb(22,82,64)
```
#1c664f
```
#1c664f rgb(28,102,79)
```
#217a5f
```
#217a5f rgb(33,122,95)
```
#268e6f
```
#268e6f rgb(38,142,111)
```
#2ca27e
```
#2ca27e rgb(44,162,126)
```
#31b68e
```
#31b68e rgb(49,182,142)
```

Monochromatic Color

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

#217a49
```
#217a49 rgb(33,122,73)
```
#217a50
```
#217a50 rgb(33,122,80)
```
#217a58
```
#217a58 rgb(33,122,88)
```
#217a5f
```
#217a5f rgb(33,122,95)
```
#217a66
```
#217a66 rgb(33,122,102)
```
#217a6e
```
#217a6e rgb(33,122,110)
```
#217a75
```
#217a75 rgb(33,122,117)
```

Similar Colors

Text with hexadecimal color #217a5f

This text has a font color of #217a5f.

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

#217a5f background color

This paragraph has a background color of #217a5f.

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

#217a5f border color

This element has a border color of #217a5f.

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

CSS codes

.text {color:#217a5f;}

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

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

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

#040e0b
```
#040e0b rgb(4,14,11)
```
#081d17
```
#081d17 rgb(8,29,23)
```
#0c2d23
```
#0c2d23 rgb(12,45,35)
```
#103c2f
```
#103c2f rgb(16,60,47)
```
#144c3b
```
#144c3b rgb(20,76,59)
```
#195b47
```
#195b47 rgb(25,91,71)
```
#1d6b53
```
#1d6b53 rgb(29,107,83)
```
#217a5f
```
#217a5f rgb(33,122,95)
```
#25896b
```
#25896b rgb(37,137,107)
```
#299977
```
#299977 rgb(41,153,119)
```
#2ea883
```
#2ea883 rgb(46,168,131)
```
#32b88f
```
#32b88f rgb(50,184,143)
```
#36c79b
```
#36c79b rgb(54,199,155)
```

Shade Color Variation

#44cca3
```
#44cca3 rgb(68,204,163)
```
#54d1ab
```
#54d1ab rgb(84,209,171)
```
#63d5b2
```
#63d5b2 rgb(99,213,178)
```
#73d9ba
```
#73d9ba rgb(115,217,186)
```
#82ddc2
```
#82ddc2 rgb(130,221,194)
```
#91e1c9
```
#91e1c9 rgb(145,225,201)
```
#a1e6d1
```
#a1e6d1 rgb(161,230,209)
```
#b0ead8
```
#b0ead8 rgb(176,234,216)
```
#c0eee0
```
#c0eee0 rgb(192,238,224)
```
#cff2e7
```
#cff2e7 rgb(207,242,231)
```
#dff6ef
```
#dff6ef rgb(223,246,239)
```
#eefaf7
```
#eefaf7 rgb(238,250,247)
```
#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 #03986b is the most saturated one.

#4b504f
```
#4b504f rgb(75,80,79)
```
#455651
```
#455651 rgb(69,86,81)
```
#3f5c53
```
#3f5c53 rgb(63,92,83)
```
#396256
```
#396256 rgb(57,98,86)
```
#336858
```
#336858 rgb(51,104,88)
```
#2d6e5a
```
#2d6e5a rgb(45,110,90)
```
#27745d
```
#27745d rgb(39,116,93)
```
#217a5f
```
#217a5f rgb(33,122,95)
```
#1b8061
```
#1b8061 rgb(27,128,97)
```
#158664
```
#158664 rgb(21,134,100)
```
#0f8c66
```
#0f8c66 rgb(15,140,102)
```
#099268
```
#099268 rgb(9,146,104)
```
#03986b
```
#03986b rgb(3,152,107)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#50625d Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a7361 Protanopia 1% of men
#81706d Deuteranopia 1% of men
#3d7c85 Tritanopia 0.001% of the population

Trichromacy

#597560 Protanomaly 1% of men, 0.01% of women
#5e7368 Deuteranomaly 6% of men, 0.4% of women
#327b77 Tritanomaly 0.01% of the population

#217a5f hex color

#217a5f Color Information

#217a5f Color Conversion

Color Schemes with #217a5f

Alternatives to #217a5f

#217a5f Preview

Shades and Tints of #217a5f

Tones of #217a5f

Color Blindness Simulator