colorhexa.com

#217c5f hex color

In a RGB color space, hex #217c5f is composed of 12.9% red, 48.6% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 73.4% cyan, 0% magenta, 23.4% yellow and 51.4% black. It has a hue angle of 160.9 degrees, a saturation of 58% and a lightness of 30.8%. #217c5f color hex could be obtained by blending #42f8be with #000000. Closest websafe color is: #336666.

- R 13
- G 49
- B 37
RGB color chart
- C 73
- M 0
- Y 23
- K 51
CMYK color chart

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

The hexadecimal color #217c5f has RGB values of R:33, G:124, B:95 and CMYK values of C:0.73, M:0, Y:0.23, K:0.51. Its decimal value is 2194527.

Hex triplet	217c5f	`#217c5f`
RGB Decimal	33, 124, 95	`rgb(33,124,95)`
RGB Percent	12.9, 48.6, 37.3	`rgb(12.9%,48.6%,37.3%)`
CMYK	73, 0, 23, 51
HSL	160.9°, 58, 30.8	`hsl(160.9,58%,30.8%)`
HSV (or HSB)	160.9°, 73.4, 48.6
Web Safe	336666	`#336666`

CIE-LAB	46.397, -33.703, 8.327
XYZ	9.9, 15.564, 13.308
xyY	0.255, 0.401, 15.564
CIE-LCH	46.397, 34.716, 166.122
CIE-LUV	46.397, -35.017, 15.763
Hunter-Lab	39.451, -24.248, 7.615
Binary	00100001, 01111100, 01011111

#217c5f
```
#217c5f rgb(33,124,95)
```
#7c213e
```
#7c213e rgb(124,33,62)
```

Complementary Color

#217c32
```
#217c32 rgb(33,124,50)
```
#217c5f
```
#217c5f rgb(33,124,95)
```
#216c7c
```
#216c7c rgb(33,108,124)
```

Analogous Color

#7c3221
```
#7c3221 rgb(124,50,33)
```
#217c5f
```
#217c5f rgb(33,124,95)
```
#7c216c
```
#7c216c rgb(124,33,108)
```

Split Complementary Color

#7c5f21
```
#7c5f21 rgb(124,95,33)
```
#217c5f
```
#217c5f rgb(33,124,95)
```
#5f217c
```
#5f217c rgb(95,33,124)
```

Triadic Color

#114031
```
#114031 rgb(17,64,49)
```
#165440
```
#165440 rgb(22,84,64)
```
#1c6850
```
#1c6850 rgb(28,104,80)
```
#217c5f
```
#217c5f rgb(33,124,95)
```
#26906e
```
#26906e rgb(38,144,110)
```
#2ca47e
```
#2ca47e rgb(44,164,126)
```
#31b88d
```
#31b88d rgb(49,184,141)
```

Monochromatic Color

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

#217c48
```
#217c48 rgb(33,124,72)
```
#217c50
```
#217c50 rgb(33,124,80)
```
#217c57
```
#217c57 rgb(33,124,87)
```
#217c5f
```
#217c5f rgb(33,124,95)
```
#217c67
```
#217c67 rgb(33,124,103)
```
#217c6e
```
#217c6e rgb(33,124,110)
```
#217c76
```
#217c76 rgb(33,124,118)
```

Similar Colors

Text with hexadecimal color #217c5f

This text has a font color of #217c5f.

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

#217c5f background color

This paragraph has a background color of #217c5f.

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

#217c5f border color

This element has a border color of #217c5f.

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

CSS codes

.text {color:#217c5f;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#04100c
```
#04100c rgb(4,16,12)
```
#081f18
```
#081f18 rgb(8,31,24)
```
#0c2f24
```
#0c2f24 rgb(12,47,36)
```
#113e30
```
#113e30 rgb(17,62,48)
```
#154e3b
```
#154e3b rgb(21,78,59)
```
#195d47
```
#195d47 rgb(25,93,71)
```
#1d6d53
```
#1d6d53 rgb(29,109,83)
```
#217c5f
```
#217c5f rgb(33,124,95)
```
#258b6b
```
#258b6b rgb(37,139,107)
```
#299b77
```
#299b77 rgb(41,155,119)
```
#2daa83
```
#2daa83 rgb(45,170,131)
```
#31ba8e
```
#31ba8e rgb(49,186,142)
```

Shade Color Variation

#36c99a
```
#36c99a rgb(54,201,154)
```
#45cea2
```
#45cea2 rgb(69,206,162)
```
#55d2aa
```
#55d2aa rgb(85,210,170)
```
#64d6b2
```
#64d6b2 rgb(100,214,178)
```
#74dab9
```
#74dab9 rgb(116,218,185)
```
#83dec1
```
#83dec1 rgb(131,222,193)
```
#93e2c9
```
#93e2c9 rgb(147,226,201)
```
#a2e6d1
```
#a2e6d1 rgb(162,230,209)
```
#b2ead8
```
#b2ead8 rgb(178,234,216)
```
#c1efe0
```
#c1efe0 rgb(193,239,224)
```
#d1f3e8
```
#d1f3e8 rgb(209,243,232)
```
#e0f7f0
```
#e0f7f0 rgb(224,247,240)
```
#f0fbf7
```
#f0fbf7 rgb(240,251,247)
```

Tint Color Variation

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

#4b5250
```
#4b5250 rgb(75,82,80)
```
#455852
```
#455852 rgb(69,88,82)
```
#3f5e54
```
#3f5e54 rgb(63,94,84)
```
#396456
```
#396456 rgb(57,100,86)
```
#336a58
```
#336a58 rgb(51,106,88)
```
#2d705b
```
#2d705b rgb(45,112,91)
```
#27765d
```
#27765d rgb(39,118,93)
```
#217c5f
```
#217c5f rgb(33,124,95)
```
#1b8261
```
#1b8261 rgb(27,130,97)
```
#158863
```
#158863 rgb(21,136,99)
```
#0f8e66
```
#0f8e66 rgb(15,142,102)
```
#099468
```
#099468 rgb(9,148,104)
```
#039a6a
```
#039a6a rgb(3,154,106)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#51635d Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c7561 Protanopia 1% of men
#83716d Deuteranopia 1% of men
#3e7e87 Tritanopia 0.001% of the population

Trichromacy

#5b7760 Protanomaly 1% of men, 0.01% of women
#5f7568 Deuteranomaly 6% of men, 0.4% of women
#337d78 Tritanomaly 0.01% of the population