#22918f hex color

In a RGB color space, hex #22918f is composed of 13.3% red, 56.9% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 76.6% cyan, 0% magenta, 1.4% yellow and 43.1% black. It has a hue angle of 178.9 degrees, a saturation of 62% and a lightness of 35.1%. #22918f color hex could be obtained by blending #44ffff with #00231f. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 13
- G 57
- B 56
RGB color chart
- C 77
- M 0
- Y 1
- K 43
CMYK color chart

● #22918f color description : Dark cyan.

The hexadecimal color #22918f has RGB values of R:34, G:145, B:143 and CMYK values of C:0.77, M:0, Y:0.01, K:0.43. Its decimal value is 2265487.

Hex triplet	22918f	`#22918f`
RGB Decimal	34, 145, 143	`rgb(34,145,143)`
RGB Percent	13.3, 56.9, 56.1	`rgb(13.3%,56.9%,56.1%)`
CMYK	77, 0, 1, 43
HSL	178.9°, 62, 35.1	`hsl(178.9,62%,35.1%)`
HSV (or HSB)	178.9°, 76.6, 56.9
Web Safe	339999	`#339999`

CIE-LAB	54.629, -29.855, -7.658
XYZ	15.741, 22.573, 29.512
xyY	0.232, 0.333, 22.573
CIE-LCH	54.629, 30.821, 194.387
CIE-LUV	54.629, -39.53, -6.828
Hunter-Lab	47.511, -24.002, -3.572
Binary	00100010, 10010001, 10001111

#22918f
```
#22918f rgb(34,145,143)
```
#912224
```
#912224 rgb(145,34,36)
```

Complementary Color

#229158
```
#229158 rgb(34,145,88)
```
#22918f
```
#22918f rgb(34,145,143)
```
#225c91
```
#225c91 rgb(34,92,145)
```

Analogous Color

#915822
```
#915822 rgb(145,88,34)
```
#22918f
```
#22918f rgb(34,145,143)
```
#91225c
```
#91225c rgb(145,34,92)
```

Split Complementary Color

#918f22
```
#918f22 rgb(145,143,34)
```
#22918f
```
#22918f rgb(34,145,143)
```
#8f2291
```
#8f2291 rgb(143,34,145)
```

Triadic Color

#249122
```
#249122 rgb(36,145,34)
```
#22918f
```
#22918f rgb(34,145,143)
```
#8f2291
```
#8f2291 rgb(143,34,145)
```
#912224
```
#912224 rgb(145,34,36)
```

Tetradic Color

#135352
```
#135352 rgb(19,83,82)
```
#186866
```
#186866 rgb(24,104,102)
```
#1d7c7b
```
#1d7c7b rgb(29,124,123)
```
#22918f
```
#22918f rgb(34,145,143)
```
#27a6a3
```
#27a6a3 rgb(39,166,163)
```
#2cbab8
```
#2cbab8 rgb(44,186,184)
```
#31cfcc
```
#31cfcc rgb(49,207,204)
```

Monochromatic Color

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

#229173
```
#229173 rgb(34,145,115)
```
#22917d
```
#22917d rgb(34,145,125)
```
#229186
```
#229186 rgb(34,145,134)
```
#22918f
```
#22918f rgb(34,145,143)
```
#228a91
```
#228a91 rgb(34,138,145)
```
#228191
```
#228191 rgb(34,129,145)
```
#227791
```
#227791 rgb(34,119,145)
```

Similar Colors

Text with hexadecimal color #22918f

This text has a font color of #22918f.

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

#22918f background color

This paragraph has a background color of #22918f.

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

#22918f border color

This element has a border color of #22918f.

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

CSS codes

.text {color:#22918f;}

.background {background-color:#22918f;}

.border {border:1px solid #22918f;}

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

#000202
```
#000202 rgb(0,2,2)
```
#041212
```
#041212 rgb(4,18,18)
```
#082221
```
#082221 rgb(8,34,33)
```
#0c3231
```
#0c3231 rgb(12,50,49)
```
#0f4241
```
#0f4241 rgb(15,66,65)
```
#135150
```
#135150 rgb(19,81,80)
```
#176160
```
#176160 rgb(23,97,96)
```
#1b7170
```
#1b7170 rgb(27,113,112)
```
#1e817f
```
#1e817f rgb(30,129,127)
```
#22918f
```
#22918f rgb(34,145,143)
```
#26a19f
```
#26a19f rgb(38,161,159)
```
#29b1ae
```
#29b1ae rgb(41,177,174)
```
#2dc1be
```
#2dc1be rgb(45,193,190)
```

Shade Color Variation

#32cfcc
```
#32cfcc rgb(50,207,204)
```
#42d3d0
```
#42d3d0 rgb(66,211,208)
```
#52d6d4
```
#52d6d4 rgb(82,214,212)
```
#62dad8
```
#62dad8 rgb(98,218,216)
```
#72dedc
```
#72dedc rgb(114,222,220)
```
#82e2e0
```
#82e2e0 rgb(130,226,224)
```
#92e5e4
```
#92e5e4 rgb(146,229,228)
```
#a2e9e8
```
#a2e9e8 rgb(162,233,232)
```
#b2edec
```
#b2edec rgb(178,237,236)
```
#c1f1f0
```
#c1f1f0 rgb(193,241,240)
```
#d1f4f4
```
#d1f4f4 rgb(209,244,244)
```
#e1f8f8
```
#e1f8f8 rgb(225,248,248)
```
#f1fcfc
```
#f1fcfc rgb(241,252,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #595a5a is the less saturated color, while #06adaa is the most saturated one.

#595a5a
```
#595a5a rgb(89,90,90)
```
#526161
```
#526161 rgb(82,97,97)
```
#4b6867
```
#4b6867 rgb(75,104,103)
```
#446f6e
```
#446f6e rgb(68,111,110)
```
#3e7574
```
#3e7574 rgb(62,117,116)
```
#377c7b
```
#377c7b rgb(55,124,123)
```
#308382
```
#308382 rgb(48,131,130)
```
#298a88
```
#298a88 rgb(41,138,136)
```
#22918f
```
#22918f rgb(34,145,143)
```
#1b9896
```
#1b9896 rgb(27,152,150)
```
#149f9c
```
#149f9c rgb(20,159,156)
```
#0da6a3
```
#0da6a3 rgb(13,166,163)
```
#06adaa
```
#06adaa rgb(6,173,170)
```

Tone Color Variation

Below, you can see how #22918f 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

#707070 Achromatopsia 0.005% of the population
#607776 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8a888c Protanopia 1% of men
#8d859b Deuteranopia 1% of men
#36949f Tritanopia 0.001% of the population

Trichromacy

#648b8d Protanomaly 1% of men, 0.01% of women
#668996 Deuteranomaly 6% of men, 0.4% of women
#2f9399 Tritanomaly 0.01% of the population

#22918f hex color

#22918f Color Information

#22918f Color Conversion

Color Schemes with #22918f

Alternatives to #22918f

#22918f Preview

Shades and Tints of #22918f

Tones of #22918f

Color Blindness Simulator