#226c64 hex color

In a RGB color space, hex #226c64 is composed of 13.3% red, 42.4% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 68.5% cyan, 0% magenta, 7.4% yellow and 57.6% black. It has a hue angle of 173.5 degrees, a saturation of 52.1% and a lightness of 27.8%. #226c64 color hex could be obtained by blending #44d8c8 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 13
- G 42
- B 39
RGB color chart
- C 69
- M 0
- Y 7
- K 58
CMYK color chart

● #226c64 color description : Very dark cyan.

The hexadecimal color #226c64 has RGB values of R:34, G:108, B:100 and CMYK values of C:0.69, M:0, Y:0.07, K:0.58. Its decimal value is 2255972.

Hex triplet	226c64	`#226c64`
RGB Decimal	34, 108, 100	`rgb(34,108,100)`
RGB Percent	13.3, 42.4, 39.2	`rgb(13.3%,42.4%,39.2%)`
CMYK	69, 0, 7, 58
HSL	173.5°, 52.1, 27.8	`hsl(173.5,52.1%,27.8%)`
HSV (or HSB)	173.5°, 68.5, 42.4
Web Safe	336666	`#336666`

CIE-LAB	41.192, -24.494, -2.172
XYZ	8.322, 11.985, 13.931
xyY	0.243, 0.35, 11.985
CIE-LCH	41.192, 24.59, 185.067
CIE-LUV	41.192, -28.402, 0.464
Hunter-Lab	34.619, -17.674, 0.375
Binary	00100010, 01101100, 01100100

#226c64
```
#226c64 rgb(34,108,100)
```
#6c222a
```
#6c222a rgb(108,34,42)
```

Complementary Color

#226c3f
```
#226c3f rgb(34,108,63)
```
#226c64
```
#226c64 rgb(34,108,100)
```
#224f6c
```
#224f6c rgb(34,79,108)
```

Analogous Color

#6c3f22
```
#6c3f22 rgb(108,63,34)
```
#226c64
```
#226c64 rgb(34,108,100)
```
#6c224f
```
#6c224f rgb(108,34,79)
```

Split Complementary Color

#6c6422
```
#6c6422 rgb(108,100,34)
```
#226c64
```
#226c64 rgb(34,108,100)
```
#64226c
```
#64226c rgb(100,34,108)
```

Triadic Color

#2a6c22
```
#2a6c22 rgb(42,108,34)
```
#226c64
```
#226c64 rgb(34,108,100)
```
#64226c
```
#64226c rgb(100,34,108)
```
#6c222a
```
#6c222a rgb(108,34,42)
```

Tetradic Color

#10322e
```
#10322e rgb(16,50,46)
```
#164540
```
#164540 rgb(22,69,64)
```
#1c5952
```
#1c5952 rgb(28,89,82)
```
#226c64
```
#226c64 rgb(34,108,100)
```
#287f76
```
#287f76 rgb(40,127,118)
```
#2e9388
```
#2e9388 rgb(46,147,136)
```
#34a69a
```
#34a69a rgb(52,166,154)
```

Monochromatic Color

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

#226c52
```
#226c52 rgb(34,108,82)
```
#226c58
```
#226c58 rgb(34,108,88)
```
#226c5e
```
#226c5e rgb(34,108,94)
```
#226c64
```
#226c64 rgb(34,108,100)
```
#226c6a
```
#226c6a rgb(34,108,106)
```
#22686c
```
#22686c rgb(34,104,108)
```
#22626c
```
#22626c rgb(34,98,108)
```

Similar Colors

Text with hexadecimal color #226c64

This text has a font color of #226c64.

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

#226c64 background color

This paragraph has a background color of #226c64.

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

#226c64 border color

This element has a border color of #226c64.

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

CSS codes

.text {color:#226c64;}

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

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

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

#010403
```
#010403 rgb(1,4,3)
```
#061211
```
#061211 rgb(6,18,17)
```
#0b211f
```
#0b211f rgb(11,33,31)
```
#0f302d
```
#0f302d rgb(15,48,45)
```
#143f3b
```
#143f3b rgb(20,63,59)
```
#194e48
```
#194e48 rgb(25,78,72)
```
#1d5d56
```
#1d5d56 rgb(29,93,86)
```
#226c64
```
#226c64 rgb(34,108,100)
```
#277b72
```
#277b72 rgb(39,123,114)
```
#2b8a80
```
#2b8a80 rgb(43,138,128)
```
#30998d
```
#30998d rgb(48,153,141)
```
#35a89b
```
#35a89b rgb(53,168,155)
```
#39b7a9
```
#39b7a9 rgb(57,183,169)
```

Shade Color Variation

#41c3b5
```
#41c3b5 rgb(65,195,181)
```
#50c8bb
```
#50c8bb rgb(80,200,187)
```
#5eccc1
```
#5eccc1 rgb(94,204,193)
```
#6dd1c6
```
#6dd1c6 rgb(109,209,198)
```
#7cd6cc
```
#7cd6cc rgb(124,214,204)
```
#8bdbd2
```
#8bdbd2 rgb(139,219,210)
```
#9adfd8
```
#9adfd8 rgb(154,223,216)
```
#a9e4de
```
#a9e4de rgb(169,228,222)
```
#b8e9e3
```
#b8e9e3 rgb(184,233,227)
```
#c7ede9
```
#c7ede9 rgb(199,237,233)
```
#d6f2ef
```
#d6f2ef rgb(214,242,239)
```
#e5f7f5
```
#e5f7f5 rgb(229,247,245)
```
#f4fbfb
```
#f4fbfb rgb(244,251,251)
```

Tint Color Variation

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

#434b4a
```
#434b4a rgb(67,75,74)
```
#3d514f
```
#3d514f rgb(61,81,79)
```
#385653
```
#385653 rgb(56,86,83)
```
#325c57
```
#325c57 rgb(50,92,87)
```
#2d615b
```
#2d615b rgb(45,97,91)
```
#276760
```
#276760 rgb(39,103,96)
```
#226c64
```
#226c64 rgb(34,108,100)
```
#1d7168
```
#1d7168 rgb(29,113,104)
```
#17776d
```
#17776d rgb(23,119,109)
```
#127c71
```
#127c71 rgb(18,124,113)
```
#0c8275
```
#0c8275 rgb(12,130,117)
```
#078779
```
#078779 rgb(7,135,121)
```
#018d7e
```
#018d7e rgb(1,141,126)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#4b5a58 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6b6866 Protanopia 1% of men
#6f6670 Deuteranopia 1% of men
#357179 Tritanopia 0.001% of the population

Trichromacy

#506a65 Protanomaly 1% of men, 0.01% of women
#53686c Deuteranomaly 6% of men, 0.4% of women
#2e6f71 Tritanomaly 0.01% of the population

#226c64 hex color

#226c64 Color Information

#226c64 Color Conversion

Color Schemes with #226c64

Alternatives to #226c64

#226c64 Preview

Shades and Tints of #226c64

Tones of #226c64

Color Blindness Simulator