colorhexa.com

#218b5f hex color

In a RGB color space, hex #218b5f is composed of 12.9% red, 54.5% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 76.3% cyan, 0% magenta, 31.7% yellow and 45.5% black. It has a hue angle of 155.1 degrees, a saturation of 61.6% and a lightness of 33.7%. #218b5f color hex could be obtained by blending #42ffbe with #001700. Closest websafe color is: #339966.

- R 13
- G 55
- B 37
RGB color chart
- C 76
- M 0
- Y 32
- K 45
CMYK color chart

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

The hexadecimal color #218b5f has RGB values of R:33, G:139, B:95 and CMYK values of C:0.76, M:0, Y:0.32, K:0.45. Its decimal value is 2198367.

Hex triplet	218b5f	`#218b5f`
RGB Decimal	33, 139, 95	`rgb(33,139,95)`
RGB Percent	12.9, 54.5, 37.3	`rgb(12.9%,54.5%,37.3%)`
CMYK	76, 0, 32, 45
HSL	155.1°, 61.6, 33.7	`hsl(155.1,61.6%,33.7%)`
HSV (or HSB)	155.1°, 76.3, 54.5
Web Safe	339966	`#339966`

CIE-LAB	51.398, -40.201, 15.298
XYZ	11.924, 19.614, 13.983
xyY	0.262, 0.431, 19.614
CIE-LCH	51.398, 43.014, 159.167
CIE-LUV	51.398, -40.63, 25.924
Hunter-Lab	44.287, -29.441, 12.281
Binary	00100001, 10001011, 01011111

#218b5f
```
#218b5f rgb(33,139,95)
```
#8b214d
```
#8b214d rgb(139,33,77)
```

Complementary Color

#218b2a
```
#218b2a rgb(33,139,42)
```
#218b5f
```
#218b5f rgb(33,139,95)
```
#21828b
```
#21828b rgb(33,130,139)
```

Analogous Color

#8b2a21
```
#8b2a21 rgb(139,42,33)
```
#218b5f
```
#218b5f rgb(33,139,95)
```
#8b2182
```
#8b2182 rgb(139,33,130)
```

Split Complementary Color

#8b5f21
```
#8b5f21 rgb(139,95,33)
```
#218b5f
```
#218b5f rgb(33,139,95)
```
#5f218b
```
#5f218b rgb(95,33,139)
```

Triadic Color

#124d35
```
#124d35 rgb(18,77,53)
```
#176243
```
#176243 rgb(23,98,67)
```
#1c7651
```
#1c7651 rgb(28,118,81)
```
#218b5f
```
#218b5f rgb(33,139,95)
```
#26a06d
```
#26a06d rgb(38,160,109)
```
#2bb47b
```
#2bb47b rgb(43,180,123)
```
#30c989
```
#30c989 rgb(48,201,137)
```

Monochromatic Color

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

#218b45
```
#218b45 rgb(33,139,69)
```
#218b4d
```
#218b4d rgb(33,139,77)
```
#218b56
```
#218b56 rgb(33,139,86)
```
#218b5f
```
#218b5f rgb(33,139,95)
```
#218b68
```
#218b68 rgb(33,139,104)
```
#218b71
```
#218b71 rgb(33,139,113)
```
#218b7a
```
#218b7a rgb(33,139,122)
```

Similar Colors

Text with hexadecimal color #218b5f

This text has a font color of #218b5f.

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

#218b5f background color

This paragraph has a background color of #218b5f.

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

#218b5f border color

This element has a border color of #218b5f.

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

CSS codes

.text {color:#218b5f;}

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

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

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

#030c08
```
#030c08 rgb(3,12,8)
```
#071c13
```
#071c13 rgb(7,28,19)
```
#0a2c1e
```
#0a2c1e rgb(10,44,30)
```
#0e3c29
```
#0e3c29 rgb(14,60,41)
```
#124c34
```
#124c34 rgb(18,76,52)
```
#165b3e
```
#165b3e rgb(22,91,62)
```
#196b49
```
#196b49 rgb(25,107,73)
```
#1d7b54
```
#1d7b54 rgb(29,123,84)
```
#218b5f
```
#218b5f rgb(33,139,95)
```
#259b6a
```
#259b6a rgb(37,155,106)
```
#29ab75
```
#29ab75 rgb(41,171,117)
```
#2cbb80
```
#2cbb80 rgb(44,187,128)
```
#30ca8a
```
#30ca8a rgb(48,202,138)
```

Shade Color Variation

#3dd194
```
#3dd194 rgb(61,209,148)
```
#4dd59c
```
#4dd59c rgb(77,213,156)
```
#5dd8a5
```
#5dd8a5 rgb(93,216,165)
```
#6ddcae
```
#6ddcae rgb(109,220,174)
```
#7de0b7
```
#7de0b7 rgb(125,224,183)
```
#8ce4bf
```
#8ce4bf rgb(140,228,191)
```
#9ce8c8
```
#9ce8c8 rgb(156,232,200)
```
#acebd1
```
#acebd1 rgb(172,235,209)
```
#bcefda
```
#bcefda rgb(188,239,218)
```
#ccf3e3
```
#ccf3e3 rgb(204,243,227)
```
#dcf7eb
```
#dcf7eb rgb(220,247,235)
```
#ebfaf4
```
#ebfaf4 rgb(235,250,244)
```
#fbfefd
```
#fbfefd rgb(251,254,253)
```

Tint Color Variation

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

#565656
```
#565656 rgb(86,86,86)
```
#4f5d57
```
#4f5d57 rgb(79,93,87)
```
#496358
```
#496358 rgb(73,99,88)
```
#426a59
```
#426a59 rgb(66,106,89)
```
#3b715b
```
#3b715b rgb(59,113,91)
```
#35775c
```
#35775c rgb(53,119,92)
```
#2e7e5d
```
#2e7e5d rgb(46,126,93)
```
#28845e
```
#28845e rgb(40,132,94)
```
#218b5f
```
#218b5f rgb(33,139,95)
```
#1a9260
```
#1a9260 rgb(26,146,96)
```
#149861
```
#149861 rgb(20,152,97)
```
#0d9f62
```
#0d9f62 rgb(13,159,98)
```
#07a563
```
#07a563 rgb(7,165,99)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#586d65 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8a8160 Protanopia 1% of men
#947c6e Deuteranopia 1% of men
#458b95 Tritanopia 0.001% of the population

Trichromacy

#648460 Protanomaly 1% of men, 0.01% of women
#6a8168 Deuteranomaly 6% of men, 0.4% of women
#388b81 Tritanomaly 0.01% of the population