#226d64 hex color

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

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

● #226d64 color description : Very dark cyan.

The hexadecimal color #226d64 has RGB values of R:34, G:109, B:100 and CMYK values of C:0.69, M:0, Y:0.08, K:0.57. Its decimal value is 2256228.

Hex triplet	226d64	`#226d64`
RGB Decimal	34, 109, 100	`rgb(34,109,100)`
RGB Percent	13.3, 42.7, 39.2	`rgb(13.3%,42.7%,39.2%)`
CMYK	69, 0, 8, 57
HSL	172.8°, 52.4, 28	`hsl(172.8,52.4%,28%)`
HSV (or HSB)	172.8°, 68.8, 42.7
Web Safe	336666	`#336666`

CIE-LAB	41.527, -25, -1.679
XYZ	8.428, 12.197, 13.966
xyY	0.244, 0.353, 12.197
CIE-LCH	41.527, 25.057, 183.841
CIE-LUV	41.527, -28.789, 1.2
Hunter-Lab	34.924, -18.041, 0.737
Binary	00100010, 01101101, 01100100

#226d64
```
#226d64 rgb(34,109,100)
```
#6d222b
```
#6d222b rgb(109,34,43)
```

Complementary Color

#226d3f
```
#226d3f rgb(34,109,63)
```
#226d64
```
#226d64 rgb(34,109,100)
```
#22516d
```
#22516d rgb(34,81,109)
```

Analogous Color

#6d3f22
```
#6d3f22 rgb(109,63,34)
```
#226d64
```
#226d64 rgb(34,109,100)
```
#6d2251
```
#6d2251 rgb(109,34,81)
```

Split Complementary Color

#6d6422
```
#6d6422 rgb(109,100,34)
```
#226d64
```
#226d64 rgb(34,109,100)
```
#64226d
```
#64226d rgb(100,34,109)
```

Triadic Color

#2b6d22
```
#2b6d22 rgb(43,109,34)
```
#226d64
```
#226d64 rgb(34,109,100)
```
#64226d
```
#64226d rgb(100,34,109)
```
#6d222b
```
#6d222b rgb(109,34,43)
```

Tetradic Color

#10332f
```
#10332f rgb(16,51,47)
```
#164640
```
#164640 rgb(22,70,64)
```
#1c5a52
```
#1c5a52 rgb(28,90,82)
```
#226d64
```
#226d64 rgb(34,109,100)
```
#288076
```
#288076 rgb(40,128,118)
```
#2e9488
```
#2e9488 rgb(46,148,136)
```
#34a799
```
#34a799 rgb(52,167,153)
```

Monochromatic Color

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

#226d51
```
#226d51 rgb(34,109,81)
```
#226d58
```
#226d58 rgb(34,109,88)
```
#226d5e
```
#226d5e rgb(34,109,94)
```
#226d64
```
#226d64 rgb(34,109,100)
```
#226d6a
```
#226d6a rgb(34,109,106)
```
#226a6d
```
#226a6d rgb(34,106,109)
```
#22636d
```
#22636d rgb(34,99,109)
```

Similar Colors

Text with hexadecimal color #226d64

This text has a font color of #226d64.

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

#226d64 background color

This paragraph has a background color of #226d64.

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

#226d64 border color

This element has a border color of #226d64.

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

CSS codes

.text {color:#226d64;}

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

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

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 #f4fcfb is the lightest one.

#010404
```
#010404 rgb(1,4,4)
```
#061312
```
#061312 rgb(6,19,18)
```
#0b221f
```
#0b221f rgb(11,34,31)
```
#0f312d
```
#0f312d rgb(15,49,45)
```
#14403b
```
#14403b rgb(20,64,59)
```
#194f49
```
#194f49 rgb(25,79,73)
```
#1d5e56
```
#1d5e56 rgb(29,94,86)
```
#226d64
```
#226d64 rgb(34,109,100)
```
#277c72
```
#277c72 rgb(39,124,114)
```
#2b8b7f
```
#2b8b7f rgb(43,139,127)
```
#309a8d
```
#309a8d rgb(48,154,141)
```
#35a99b
```
#35a99b rgb(53,169,155)
```
#39b8a9
```
#39b8a9 rgb(57,184,169)
```

Shade Color Variation

#41c4b4
```
#41c4b4 rgb(65,196,180)
```
#50c8ba
```
#50c8ba rgb(80,200,186)
```
#5fcdc0
```
#5fcdc0 rgb(95,205,192)
```
#6ed2c6
```
#6ed2c6 rgb(110,210,198)
```
#7dd6cc
```
#7dd6cc rgb(125,214,204)
```
#8cdbd2
```
#8cdbd2 rgb(140,219,210)
```
#9be0d7
```
#9be0d7 rgb(155,224,215)
```
#aae4dd
```
#aae4dd rgb(170,228,221)
```
#b9e9e3
```
#b9e9e3 rgb(185,233,227)
```
#c8eee9
```
#c8eee9 rgb(200,238,233)
```
#d6f2ef
```
#d6f2ef rgb(214,242,239)
```
#e5f7f5
```
#e5f7f5 rgb(229,247,245)
```
#f4fcfb
```
#f4fcfb rgb(244,252,251)
```

Tint Color Variation

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

#434c4b
```
#434c4b rgb(67,76,75)
```
#3e524f
```
#3e524f rgb(62,82,79)
```
#385753
```
#385753 rgb(56,87,83)
```
#335d57
```
#335d57 rgb(51,93,87)
```
#2d625c
```
#2d625c rgb(45,98,92)
```
#286860
```
#286860 rgb(40,104,96)
```
#226d64
```
#226d64 rgb(34,109,100)
```
#1d7368
```
#1d7368 rgb(29,115,104)
```
#17786c
```
#17786c rgb(23,120,108)
```
#127e71
```
#127e71 rgb(18,126,113)
```
#0c8375
```
#0c8375 rgb(12,131,117)
```
#078979
```
#078979 rgb(7,137,121)
```
#018e7d
```
#018e7d rgb(1,142,125)
```

Tone Color Variation

Below, you can see how #226d64 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
#4c5b59 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c6966 Protanopia 1% of men
#706770 Deuteranopia 1% of men
#35727a Tritanopia 0.001% of the population

Trichromacy

#516a65 Protanomaly 1% of men, 0.01% of women
#54696c Deuteranomaly 6% of men, 0.4% of women
#2e7072 Tritanomaly 0.01% of the population

#226d64 hex color

#226d64 Color Information

#226d64 Color Conversion

Color Schemes with #226d64

Alternatives to #226d64

#226d64 Preview

Shades and Tints of #226d64

Tones of #226d64

Color Blindness Simulator