#226c6d hex color

In a RGB color space, hex #226c6d is composed of 13.3% red, 42.4% green and 42.7% blue. Whereas in a CMYK color space, it is composed of 68.8% cyan, 0.9% magenta, 0% yellow and 57.3% black. It has a hue angle of 180.8 degrees, a saturation of 52.4% and a lightness of 28%. #226c6d color hex could be obtained by blending #44d8da with #000000. Closest websafe color is: #336666.

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

● #226c6d color description : Very dark cyan.

The hexadecimal color #226c6d has RGB values of R:34, G:108, B:109 and CMYK values of C:0.69, M:0.01, Y:0, K:0.57. Its decimal value is 2255981.

Hex triplet	226c6d	`#226c6d`
RGB Decimal	34, 108, 109	`rgb(34,108,109)`
RGB Percent	13.3, 42.4, 42.7	`rgb(13.3%,42.4%,42.7%)`
CMYK	69, 1, 0, 57
HSL	180.8°, 52.4, 28	`hsl(180.8,52.4%,28%)`
HSV (or HSB)	180.8°, 68.8, 42.7
Web Safe	336666	`#336666`

CIE-LAB	41.483, -21.731, -7.202
XYZ	8.782, 12.169, 16.353
xyY	0.235, 0.326, 12.169
CIE-LCH	41.483, 22.894, 198.337
CIE-LUV	41.483, -27.882, -6.858
Hunter-Lab	34.883, -16.11, -3.376
Binary	00100010, 01101100, 01101101

#226c6d
```
#226c6d rgb(34,108,109)
```
#6d2322
```
#6d2322 rgb(109,35,34)
```

Complementary Color

#226d49
```
#226d49 rgb(34,109,73)
```
#226c6d
```
#226c6d rgb(34,108,109)
```
#22476d
```
#22476d rgb(34,71,109)
```

Analogous Color

#6d4922
```
#6d4922 rgb(109,73,34)
```
#226c6d
```
#226c6d rgb(34,108,109)
```
#6d2247
```
#6d2247 rgb(109,34,71)
```

Split Complementary Color

#6c6d22
```
#6c6d22 rgb(108,109,34)
```
#226c6d
```
#226c6d rgb(34,108,109)
```
#6d226c
```
#6d226c rgb(109,34,108)
```

Triadic Color

#226d23
```
#226d23 rgb(34,109,35)
```
#226c6d
```
#226c6d rgb(34,108,109)
```
#6d226c
```
#6d226c rgb(109,34,108)
```
#6d2322
```
#6d2322 rgb(109,35,34)
```

Tetradic Color

#103233
```
#103233 rgb(16,50,51)
```
#164546
```
#164546 rgb(22,69,70)
```
#1c595a
```
#1c595a rgb(28,89,90)
```
#226c6d
```
#226c6d rgb(34,108,109)
```
#287f80
```
#287f80 rgb(40,127,128)
```
#2e9394
```
#2e9394 rgb(46,147,148)
```
#34a6a7
```
#34a6a7 rgb(52,166,167)
```

Monochromatic Color

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

#226d5b
```
#226d5b rgb(34,109,91)
```
#226d62
```
#226d62 rgb(34,109,98)
```
#226d68
```
#226d68 rgb(34,109,104)
```
#226c6d
```
#226c6d rgb(34,108,109)
```
#22666d
```
#22666d rgb(34,102,109)
```
#22606d
```
#22606d rgb(34,96,109)
```
#22596d
```
#22596d rgb(34,89,109)
```

Similar Colors

Text with hexadecimal color #226c6d

This text has a font color of #226c6d.

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

#226c6d background color

This paragraph has a background color of #226c6d.

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

#226c6d border color

This element has a border color of #226c6d.

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

CSS codes

.text {color:#226c6d;}

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

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

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

#010404
```
#010404 rgb(1,4,4)
```
#061313
```
#061313 rgb(6,19,19)
```
#0b2222
```
#0b2222 rgb(11,34,34)
```
#0f3131
```
#0f3131 rgb(15,49,49)
```
#144040
```
#144040 rgb(20,64,64)
```
#194e4f
```
#194e4f rgb(25,78,79)
```
#1d5d5e
```
#1d5d5e rgb(29,93,94)
```
#226c6d
```
#226c6d rgb(34,108,109)
```
#277b7c
```
#277b7c rgb(39,123,124)
```
#2b8a8b
```
#2b8a8b rgb(43,138,139)
```
#30989a
```
#30989a rgb(48,152,154)
```
#35a7a9
```
#35a7a9 rgb(53,167,169)
```
#39b6b8
```
#39b6b8 rgb(57,182,184)
```

Shade Color Variation

#41c2c4
```
#41c2c4 rgb(65,194,196)
```
#50c7c8
```
#50c7c8 rgb(80,199,200)
```
#5fcccd
```
#5fcccd rgb(95,204,205)
```
#6ed0d2
```
#6ed0d2 rgb(110,208,210)
```
#7dd5d6
```
#7dd5d6 rgb(125,213,214)
```
#8cdadb
```
#8cdadb rgb(140,218,219)
```
#9bdfe0
```
#9bdfe0 rgb(155,223,224)
```
#aae4e4
```
#aae4e4 rgb(170,228,228)
```
#b9e8e9
```
#b9e8e9 rgb(185,232,233)
```
#c8edee
```
#c8edee rgb(200,237,238)
```
#d6f2f2
```
#d6f2f2 rgb(214,242,242)
```
#e5f7f7
```
#e5f7f7 rgb(229,247,247)
```
#f4fcfc
```
#f4fcfc rgb(244,252,252)
```

Tint Color Variation

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

#434c4c
```
#434c4c rgb(67,76,76)
```
#3e5152
```
#3e5152 rgb(62,81,82)
```
#385757
```
#385757 rgb(56,87,87)
```
#335c5d
```
#335c5d rgb(51,92,93)
```
#2d6162
```
#2d6162 rgb(45,97,98)
```
#286768
```
#286768 rgb(40,103,104)
```
#226c6d
```
#226c6d rgb(34,108,109)
```
#1d7173
```
#1d7173 rgb(29,113,115)
```
#177778
```
#177778 rgb(23,119,120)
```
#127c7e
```
#127c7e rgb(18,124,126)
```
#0c8183
```
#0c8183 rgb(12,129,131)
```
#078789
```
#078789 rgb(7,135,137)
```
#018c8e
```
#018c8e rgb(1,140,142)
```

Tone Color Variation

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

#6a696e Protanopia 1% of men
#6c6779 Deuteranopia 1% of men
#31727b Tritanopia 0.001% of the population

Trichromacy

#506a6e Protanomaly 1% of men, 0.01% of women
#516974 Deuteranomaly 6% of men, 0.4% of women
#2b7075 Tritanomaly 0.01% of the population

#226c6d hex color

#226c6d Color Information

#226c6d Color Conversion

Color Schemes with #226c6d

Alternatives to #226c6d

#226c6d Preview

Shades and Tints of #226c6d

Tones of #226c6d

Color Blindness Simulator