#226c6e hex color

In a RGB color space, hex #226c6e is composed of 13.3% red, 42.4% green and 43.1% blue. Whereas in a CMYK color space, it is composed of 69.1% cyan, 1.8% magenta, 0% yellow and 56.9% black. It has a hue angle of 181.6 degrees, a saturation of 52.8% and a lightness of 28.2%. #226c6e color hex could be obtained by blending #44d8dc with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 13
- G 42
- B 43
RGB color chart
- C 69
- M 2
- Y 0
- K 57
CMYK color chart

● #226c6e color description : Very dark cyan.

The hexadecimal color #226c6e has RGB values of R:34, G:108, B:110 and CMYK values of C:0.69, M:0.02, Y:0, K:0.57. Its decimal value is 2255982.

Hex triplet	226c6e	`#226c6e`
RGB Decimal	34, 108, 110	`rgb(34,108,110)`
RGB Percent	13.3, 42.4, 43.1	`rgb(13.3%,42.4%,43.1%)`
CMYK	69, 2, 0, 57
HSL	181.6°, 52.8, 28.2	`hsl(181.6,52.8%,28.2%)`
HSV (or HSB)	181.6°, 69.1, 43.1
Web Safe	336666	`#336666`

CIE-LAB	41.517, -21.415, -7.758
XYZ	8.836, 12.19, 16.638
xyY	0.235, 0.324, 12.19
CIE-LCH	41.517, 22.777, 199.914
CIE-LUV	41.517, -27.824, -7.684
Hunter-Lab	34.915, -15.927, -3.814
Binary	00100010, 01101100, 01101110

#226c6e
```
#226c6e rgb(34,108,110)
```
#6e2422
```
#6e2422 rgb(110,36,34)
```

Complementary Color

#226e4a
```
#226e4a rgb(34,110,74)
```
#226c6e
```
#226c6e rgb(34,108,110)
```
#22466e
```
#22466e rgb(34,70,110)
```

Analogous Color

#6e4a22
```
#6e4a22 rgb(110,74,34)
```
#226c6e
```
#226c6e rgb(34,108,110)
```
#6e2246
```
#6e2246 rgb(110,34,70)
```

Split Complementary Color

#6c6e22
```
#6c6e22 rgb(108,110,34)
```
#226c6e
```
#226c6e rgb(34,108,110)
```
#6e226c
```
#6e226c rgb(110,34,108)
```

Triadic Color

#226e24
```
#226e24 rgb(34,110,36)
```
#226c6e
```
#226c6e rgb(34,108,110)
```
#6e226c
```
#6e226c rgb(110,34,108)
```
#6e2422
```
#6e2422 rgb(110,36,34)
```

Tetradic Color

#103334
```
#103334 rgb(16,51,52)
```
#164647
```
#164647 rgb(22,70,71)
```
#1c595b
```
#1c595b rgb(28,89,91)
```
#226c6e
```
#226c6e rgb(34,108,110)
```
#287f81
```
#287f81 rgb(40,127,129)
```
#2e9295
```
#2e9295 rgb(46,146,149)
```
#34a5a8
```
#34a5a8 rgb(52,165,168)
```

Monochromatic Color

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

#226e5d
```
#226e5d rgb(34,110,93)
```
#226e63
```
#226e63 rgb(34,110,99)
```
#226e6a
```
#226e6a rgb(34,110,106)
```
#226c6e
```
#226c6e rgb(34,108,110)
```
#22666e
```
#22666e rgb(34,102,110)
```
#225f6e
```
#225f6e rgb(34,95,110)
```
#22596e
```
#22596e rgb(34,89,110)
```

Similar Colors

Text with hexadecimal color #226c6e

This text has a font color of #226c6e.

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

#226c6e background color

This paragraph has a background color of #226c6e.

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

#226c6e border color

This element has a border color of #226c6e.

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

CSS codes

.text {color:#226c6e;}

.background {background-color:#226c6e;}

.border {border:1px solid #226c6e;}

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

#020505
```
#020505 rgb(2,5,5)
```
#061414
```
#061414 rgb(6,20,20)
```
#0b2223
```
#0b2223 rgb(11,34,35)
```
#0f3132
```
#0f3132 rgb(15,49,50)
```
#144041
```
#144041 rgb(20,64,65)
```
#194f50
```
#194f50 rgb(25,79,80)
```
#1d5d5f
```
#1d5d5f rgb(29,93,95)
```
#226c6e
```
#226c6e rgb(34,108,110)
```
#277b7d
```
#277b7d rgb(39,123,125)
```
#2b898c
```
#2b898c rgb(43,137,140)
```
#30989b
```
#30989b rgb(48,152,155)
```
#35a7aa
```
#35a7aa rgb(53,167,170)
```
#39b6b9
```
#39b6b9 rgb(57,182,185)
```

Shade Color Variation

#41c1c4
```
#41c1c4 rgb(65,193,196)
```
#50c6c9
```
#50c6c9 rgb(80,198,201)
```
#5fcbce
```
#5fcbce rgb(95,203,206)
```
#6ed0d2
```
#6ed0d2 rgb(110,208,210)
```
#7dd5d7
```
#7dd5d7 rgb(125,213,215)
```
#8cd9dc
```
#8cd9dc rgb(140,217,220)
```
#9bdee0
```
#9bdee0 rgb(155,222,224)
```
#aae3e5
```
#aae3e5 rgb(170,227,229)
```
#b9e8e9
```
#b9e8e9 rgb(185,232,233)
```
#c8edee
```
#c8edee rgb(200,237,238)
```
#d7f2f3
```
#d7f2f3 rgb(215,242,243)
```
#e6f7f7
```
#e6f7f7 rgb(230,247,247)
```
#f5fcfc
```
#f5fcfc rgb(245,252,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #434d4d is the less saturated color, while #018b8f is the most saturated one.

#434d4d
```
#434d4d rgb(67,77,77)
```
#3e5252
```
#3e5252 rgb(62,82,82)
```
#385758
```
#385758 rgb(56,87,88)
```
#335c5d
```
#335c5d rgb(51,92,93)
```
#2d6263
```
#2d6263 rgb(45,98,99)
```
#286768
```
#286768 rgb(40,103,104)
```
#226c6e
```
#226c6e rgb(34,108,110)
```
#1c7174
```
#1c7174 rgb(28,113,116)
```
#177679
```
#177679 rgb(23,118,121)
```
#117c7f
```
#117c7f rgb(17,124,127)
```
#0c8184
```
#0c8184 rgb(12,129,132)
```
#06868a
```
#06868a rgb(6,134,138)
```
#018b8f
```
#018b8f rgb(1,139,143)
```

Tone Color Variation

Below, you can see how #226c6e 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

#565656 Achromatopsia 0.005% of the population
#4c5a5b Atypical Achromatopsia 0.001% of the population

Dichromacy

#6a696f Protanopia 1% of men
#6b6779 Deuteranopia 1% of men
#31727b Tritanopia 0.001% of the population

Trichromacy

#4f6a6f Protanomaly 1% of men, 0.01% of women
#516975 Deuteranomaly 6% of men, 0.4% of women
#2b7076 Tritanomaly 0.01% of the population

#226c6e hex color

#226c6e Color Information

#226c6e Color Conversion

Color Schemes with #226c6e

Alternatives to #226c6e

#226c6e Preview

Shades and Tints of #226c6e

Tones of #226c6e

Color Blindness Simulator