#218866 hex color

In a RGB color space, hex #218866 is composed of 12.9% red, 53.3% green and 40% blue. Whereas in a CMYK color space, it is composed of 75.7% cyan, 0% magenta, 25% yellow and 46.7% black. It has a hue angle of 160.2 degrees, a saturation of 60.9% and a lightness of 33.1%. #218866 color hex could be obtained by blending #42ffcc with #001100. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 13
- G 53
- B 40
RGB color chart
- C 76
- M 0
- Y 25
- K 47
CMYK color chart

● #218866 color description : Dark cyan - lime green.

The hexadecimal color #218866 has RGB values of R:33, G:136, B:102 and CMYK values of C:0.76, M:0, Y:0.25, K:0.47. Its decimal value is 2197606.

Hex triplet	218866	`#218866`
RGB Decimal	33, 136, 102	`rgb(33,136,102)`
RGB Percent	12.9, 53.3, 40	`rgb(12.9%,53.3%,40%)`
CMYK	76, 0, 25, 47
HSL	160.2°, 60.9, 33.1	`hsl(160.2,60.9%,33.1%)`
HSV (or HSB)	160.2°, 75.7, 53.3
Web Safe	339966	`#339966`

CIE-LAB	50.558, -37.255, 10.119
XYZ	11.829, 18.89, 15.592
xyY	0.255, 0.408, 18.89
CIE-LCH	50.558, 38.605, 164.804
CIE-LUV	50.558, -39.089, 18.95
Hunter-Lab	43.462, -27.479, 9.153
Binary	00100001, 10001000, 01100110

#218866
```
#218866 rgb(33,136,102)
```
#882143
```
#882143 rgb(136,33,67)
```

Complementary Color

#218833
```
#218833 rgb(33,136,51)
```
#218866
```
#218866 rgb(33,136,102)
```
#217788
```
#217788 rgb(33,119,136)
```

Analogous Color

#883321
```
#883321 rgb(136,51,33)
```
#218866
```
#218866 rgb(33,136,102)
```
#882177
```
#882177 rgb(136,33,119)
```

Split Complementary Color

#886621
```
#886621 rgb(136,102,33)
```
#218866
```
#218866 rgb(33,136,102)
```
#662188
```
#662188 rgb(102,33,136)
```

Triadic Color

#438821
```
#438821 rgb(67,136,33)
```
#218866
```
#218866 rgb(33,136,102)
```
#662188
```
#662188 rgb(102,33,136)
```
#882143
```
#882143 rgb(136,33,67)
```

Tetradic Color

#124a38
```
#124a38 rgb(18,74,56)
```
#175f47
```
#175f47 rgb(23,95,71)
```
#1c7357
```
#1c7357 rgb(28,115,87)
```
#218866
```
#218866 rgb(33,136,102)
```
#269d75
```
#269d75 rgb(38,157,117)
```
#2bb185
```
#2bb185 rgb(43,177,133)
```
#30c694
```
#30c694 rgb(48,198,148)
```

Monochromatic Color

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

#21884c
```
#21884c rgb(33,136,76)
```
#218855
```
#218855 rgb(33,136,85)
```
#21885d
```
#21885d rgb(33,136,93)
```
#218866
```
#218866 rgb(33,136,102)
```
#21886f
```
#21886f rgb(33,136,111)
```
#218877
```
#218877 rgb(33,136,119)
```
#218880
```
#218880 rgb(33,136,128)
```

Similar Colors

Text with hexadecimal color #218866

This text has a font color of #218866.

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

#218866 background color

This paragraph has a background color of #218866.

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

#218866 border color

This element has a border color of #218866.

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

CSS codes

.text {color:#218866;}

.background {background-color:#218866;}

.border {border:1px solid #218866;}

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, #020a07 is the darkest color, while #f9fefc is the lightest one.

#020a07
```
#020a07 rgb(2,10,7)
```
#061a13
```
#061a13 rgb(6,26,19)
```
#0a291f
```
#0a291f rgb(10,41,31)
```
#0e392b
```
#0e392b rgb(14,57,43)
```
#124937
```
#124937 rgb(18,73,55)
```
#165942
```
#165942 rgb(22,89,66)
```
#19684e
```
#19684e rgb(25,104,78)
```
#1d785a
```
#1d785a rgb(29,120,90)
```
#218866
```
#218866 rgb(33,136,102)
```
#259872
```
#259872 rgb(37,152,114)
```
#29a87e
```
#29a87e rgb(41,168,126)
```
#2cb78a
```
#2cb78a rgb(44,183,138)
```
#30c795
```
#30c795 rgb(48,199,149)
```

Shade Color Variation

#3cd09f
```
#3cd09f rgb(60,208,159)
```
#4bd3a6
```
#4bd3a6 rgb(75,211,166)
```
#5bd7ae
```
#5bd7ae rgb(91,215,174)
```
#6bdbb6
```
#6bdbb6 rgb(107,219,182)
```
#7bdfbe
```
#7bdfbe rgb(123,223,190)
```
#8ae3c6
```
#8ae3c6 rgb(138,227,198)
```
#9ae7cd
```
#9ae7cd rgb(154,231,205)
```
#aaead5
```
#aaead5 rgb(170,234,213)
```
#baeedd
```
#baeedd rgb(186,238,221)
```
#caf2e5
```
#caf2e5 rgb(202,242,229)
```
#d9f6ec
```
#d9f6ec rgb(217,246,236)
```
#e9faf4
```
#e9faf4 rgb(233,250,244)
```
#f9fefc
```
#f9fefc rgb(249,254,252)
```

Tint Color Variation

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

#4f5b57
```
#4f5b57 rgb(79,91,87)
```
#486159
```
#486159 rgb(72,97,89)
```
#42685b
```
#42685b rgb(66,104,91)
```
#3b6e5d
```
#3b6e5d rgb(59,110,93)
```
#35755f
```
#35755f rgb(53,117,95)
```
#2e7b62
```
#2e7b62 rgb(46,123,98)
```
#288264
```
#288264 rgb(40,130,100)
```
#218866
```
#218866 rgb(33,136,102)
```
#1b8f68
```
#1b8f68 rgb(27,143,104)
```
#14956a
```
#14956a rgb(20,149,106)
```
#0e9c6d
```
#0e9c6d rgb(14,156,109)
```
#07a26f
```
#07a26f rgb(7,162,111)
```
#00a971
```
#00a971 rgb(0,169,113)
```

Tone Color Variation

Below, you can see how #218866 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
#576c65 Atypical Achromatopsia 0.001% of the population

Dichromacy

#877f67 Protanopia 1% of men
#8f7b74 Deuteranopia 1% of men
#418993 Tritanopia 0.001% of the population

Trichromacy

#618266 Protanomaly 1% of men, 0.01% of women
#677f6f Deuteranomaly 6% of men, 0.4% of women
#358882 Tritanomaly 0.01% of the population

#218866 hex color

#218866 Color Information

#218866 Color Conversion

Color Schemes with #218866

Alternatives to #218866

#218866 Preview

Shades and Tints of #218866

Tones of #218866

Color Blindness Simulator