colorhexa.com

#218a5a hex color

In a RGB color space, hex #218a5a is composed of 12.9% red, 54.1% green and 35.3% blue. Whereas in a CMYK color space, it is composed of 76.1% cyan, 0% magenta, 34.8% yellow and 45.9% black. It has a hue angle of 152.6 degrees, a saturation of 61.4% and a lightness of 33.5%. #218a5a color hex could be obtained by blending #42ffb4 with #001500. Closest websafe color is: #339966.

- R 13
- G 54
- B 35
RGB color chart
- C 76
- M 0
- Y 35
- K 46
CMYK color chart

● #218a5a color description : Dark cyan - lime green.

The hexadecimal color #218a5a has RGB values of R:33, G:138, B:90 and CMYK values of C:0.76, M:0, Y:0.35, K:0.46. Its decimal value is 2198106.

Hex triplet	218a5a	`#218a5a`
RGB Decimal	33, 138, 90	`rgb(33,138,90)`
RGB Percent	12.9, 54.1, 35.3	`rgb(12.9%,54.1%,35.3%)`
CMYK	76, 0, 35, 46
HSL	152.6°, 61.4, 33.5	`hsl(152.6,61.4%,33.5%)`
HSV (or HSB)	152.6°, 76.1, 54.1
Web Safe	339966	`#339966`

CIE-LAB	50.964, -40.906, 17.541
XYZ	11.56, 19.237, 12.776
xyY	0.265, 0.441, 19.237
CIE-LCH	50.964, 44.508, 156.79
CIE-LUV	50.964, -40.556, 28.635
Hunter-Lab	43.86, -29.708, 13.432
Binary	00100001, 10001010, 01011010

#218a5a
```
#218a5a rgb(33,138,90)
```
#8a2151
```
#8a2151 rgb(138,33,81)
```

Complementary Color

#218a26
```
#218a26 rgb(33,138,38)
```
#218a5a
```
#218a5a rgb(33,138,90)
```
#21868a
```
#21868a rgb(33,134,138)
```

Analogous Color

#8a2621
```
#8a2621 rgb(138,38,33)
```
#218a5a
```
#218a5a rgb(33,138,90)
```
#8a2186
```
#8a2186 rgb(138,33,134)
```

Split Complementary Color

#8a5a21
```
#8a5a21 rgb(138,90,33)
```
#218a5a
```
#218a5a rgb(33,138,90)
```
#5a218a
```
#5a218a rgb(90,33,138)
```

Triadic Color

#124c32
```
#124c32 rgb(18,76,50)
```
#17613f
```
#17613f rgb(23,97,63)
```
#1c754d
```
#1c754d rgb(28,117,77)
```
#218a5a
```
#218a5a rgb(33,138,90)
```
#269f67
```
#269f67 rgb(38,159,103)
```
#2bb375
```
#2bb375 rgb(43,179,117)
```
#30c882
```
#30c882 rgb(48,200,130)
```

Monochromatic Color

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

#218a40
```
#218a40 rgb(33,138,64)
```
#218a49
```
#218a49 rgb(33,138,73)
```
#218a51
```
#218a51 rgb(33,138,81)
```
#218a5a
```
#218a5a rgb(33,138,90)
```
#218a63
```
#218a63 rgb(33,138,99)
```
#218a6c
```
#218a6c rgb(33,138,108)
```
#218a74
```
#218a74 rgb(33,138,116)
```

Similar Colors

Text with hexadecimal color #218a5a

This text has a font color of #218a5a.

<span style="color:#218a5a;">Text here</span>

#218a5a background color

This paragraph has a background color of #218a5a.

<p style="background-color:#218a5a;">Content here</p>

#218a5a border color

This element has a border color of #218a5a.

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

CSS codes

.text {color:#218a5a;}

.background {background-color:#218a5a;}

.border {border:1px solid #218a5a;}

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

#030b07
```
#030b07 rgb(3,11,7)
```
#071b12
```
#071b12 rgb(7,27,18)
```
#0a2b1c
```
#0a2b1c rgb(10,43,28)
```
#0e3b26
```
#0e3b26 rgb(14,59,38)
```
#124b31
```
#124b31 rgb(18,75,49)
```
#165b3b
```
#165b3b rgb(22,91,59)
```
#196a45
```
#196a45 rgb(25,106,69)
```
#1d7a50
```
#1d7a50 rgb(29,122,80)
```
#218a5a
```
#218a5a rgb(33,138,90)
```
#259a64
```
#259a64 rgb(37,154,100)
```
#29aa6f
```
#29aa6f rgb(41,170,111)
```
#2cb979
```
#2cb979 rgb(44,185,121)
```
#30c983
```
#30c983 rgb(48,201,131)
```

Shade Color Variation

#3dd18d
```
#3dd18d rgb(61,209,141)
```
#4cd496
```
#4cd496 rgb(76,212,150)
```
#5cd89f
```
#5cd89f rgb(92,216,159)
```
#6cdca9
```
#6cdca9 rgb(108,220,169)
```
#7ce0b2
```
#7ce0b2 rgb(124,224,178)
```
#8ce3bb
```
#8ce3bb rgb(140,227,187)
```
#9ce7c5
```
#9ce7c5 rgb(156,231,197)
```
#abebce
```
#abebce rgb(171,235,206)
```
#bbefd7
```
#bbefd7 rgb(187,239,215)
```
#cbf3e1
```
#cbf3e1 rgb(203,243,225)
```
#dbf6ea
```
#dbf6ea rgb(219,246,234)
```
#ebfaf3
```
#ebfaf3 rgb(235,250,243)
```
#fbfefc
```
#fbfefc rgb(251,254,252)
```

Tint Color Variation

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

#4f5c56
```
#4f5c56 rgb(79,92,86)
```
#486357
```
#486357 rgb(72,99,87)
```
#426957
```
#426957 rgb(66,105,87)
```
#3b7058
```
#3b7058 rgb(59,112,88)
```
#357658
```
#357658 rgb(53,118,88)
```
#2e7d59
```
#2e7d59 rgb(46,125,89)
```
#288359
```
#288359 rgb(40,131,89)
```
#218a5a
```
#218a5a rgb(33,138,90)
```
#1a915b
```
#1a915b rgb(26,145,91)
```
#14975b
```
#14975b rgb(20,151,91)
```
#0d9e5c
```
#0d9e5c rgb(13,158,92)
```
#07a45c
```
#07a45c rgb(7,164,92)
```
#00ab5d
```
#00ab5d rgb(0,171,93)
```

Tone Color Variation

Below, you can see how #218a5a 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

#656565 Achromatopsia 0.005% of the population
#576c63 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8a805c Protanopia 1% of men
#947b69 Deuteranopia 1% of men
#458993 Tritanopia 0.001% of the population

Trichromacy

#63835b Protanomaly 1% of men, 0.01% of women
#6a8063 Deuteranomaly 6% of men, 0.4% of women
#38897e Tritanomaly 0.01% of the population