#226b56 hex color

In a RGB color space, hex #226b56 is composed of 13.3% red, 42% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 68.2% cyan, 0% magenta, 19.6% yellow and 58% black. It has a hue angle of 162.7 degrees, a saturation of 51.8% and a lightness of 27.6%. #226b56 color hex could be obtained by blending #44d6ac with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 13
- G 42
- B 34
RGB color chart
- C 68
- M 0
- Y 20
- K 58
CMYK color chart

● #226b56 color description : Very dark cyan - lime green.

The hexadecimal color #226b56 has RGB values of R:34, G:107, B:86 and CMYK values of C:0.68, M:0, Y:0.2, K:0.58. Its decimal value is 2255702.

Hex triplet	226b56	`#226b56`
RGB Decimal	34, 107, 86	`rgb(34,107,86)`
RGB Percent	13.3, 42, 33.7	`rgb(13.3%,42%,33.7%)`
CMYK	68, 0, 20, 58
HSL	162.7°, 51.8, 27.6	`hsl(162.7,51.8%,27.6%)`
HSV (or HSB)	162.7°, 68.2, 42
Web Safe	336666	`#336666`

CIE-LAB	40.454, -27.96, 5.248
XYZ	7.596, 11.527, 10.628
xyY	0.255, 0.387, 11.527
CIE-LCH	40.454, 28.449, 169.37
CIE-LUV	40.454, -28.802, 10.584
Hunter-Lab	33.951, -19.475, 5.205
Binary	00100010, 01101011, 01010110

#226b56
```
#226b56 rgb(34,107,86)
```
#6b2237
```
#6b2237 rgb(107,34,55)
```

Complementary Color

#226b32
```
#226b32 rgb(34,107,50)
```
#226b56
```
#226b56 rgb(34,107,86)
```
#225c6b
```
#225c6b rgb(34,92,107)
```

Analogous Color

#6b3222
```
#6b3222 rgb(107,50,34)
```
#226b56
```
#226b56 rgb(34,107,86)
```
#6b225c
```
#6b225c rgb(107,34,92)
```

Split Complementary Color

#6b5622
```
#6b5622 rgb(107,86,34)
```
#226b56
```
#226b56 rgb(34,107,86)
```
#56226b
```
#56226b rgb(86,34,107)
```

Triadic Color

#376b22
```
#376b22 rgb(55,107,34)
```
#226b56
```
#226b56 rgb(34,107,86)
```
#56226b
```
#56226b rgb(86,34,107)
```
#6b2237
```
#6b2237 rgb(107,34,55)
```

Tetradic Color

#103127
```
#103127 rgb(16,49,39)
```
#164437
```
#164437 rgb(22,68,55)
```
#1c5846
```
#1c5846 rgb(28,88,70)
```
#226b56
```
#226b56 rgb(34,107,86)
```
#287e66
```
#287e66 rgb(40,126,102)
```
#2e9275
```
#2e9275 rgb(46,146,117)
```
#34a585
```
#34a585 rgb(52,165,133)
```

Monochromatic Color

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

#226b44
```
#226b44 rgb(34,107,68)
```
#226b4a
```
#226b4a rgb(34,107,74)
```
#226b50
```
#226b50 rgb(34,107,80)
```
#226b56
```
#226b56 rgb(34,107,86)
```
#226b5c
```
#226b5c rgb(34,107,92)
```
#226b62
```
#226b62 rgb(34,107,98)
```
#226b68
```
#226b68 rgb(34,107,104)
```

Similar Colors

Text with hexadecimal color #226b56

This text has a font color of #226b56.

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

#226b56 background color

This paragraph has a background color of #226b56.

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

#226b56 border color

This element has a border color of #226b56.

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

CSS codes

.text {color:#226b56;}

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

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

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

#010302
```
#010302 rgb(1,3,2)
```
#06120e
```
#06120e rgb(6,18,14)
```
#0a211a
```
#0a211a rgb(10,33,26)
```
#0f2f26
```
#0f2f26 rgb(15,47,38)
```
#143e32
```
#143e32 rgb(20,62,50)
```
#194d3e
```
#194d3e rgb(25,77,62)
```
#1d5c4a
```
#1d5c4a rgb(29,92,74)
```
#226b56
```
#226b56 rgb(34,107,86)
```
#277a62
```
#277a62 rgb(39,122,98)
```
#2b896e
```
#2b896e rgb(43,137,110)
```
#30987a
```
#30987a rgb(48,152,122)
```
#35a786
```
#35a786 rgb(53,167,134)
```
#3ab592
```
#3ab592 rgb(58,181,146)
```

Shade Color Variation

#40c29d
```
#40c29d rgb(64,194,157)
```
#4fc7a5
```
#4fc7a5 rgb(79,199,165)
```
#5eccac
```
#5eccac rgb(94,204,172)
```
#6dd1b4
```
#6dd1b4 rgb(109,209,180)
```
#7cd5bc
```
#7cd5bc rgb(124,213,188)
```
#8bdac3
```
#8bdac3 rgb(139,218,195)
```
#9adfcb
```
#9adfcb rgb(154,223,203)
```
#a8e4d3
```
#a8e4d3 rgb(168,228,211)
```
#b7e8da
```
#b7e8da rgb(183,232,218)
```
#c6ede2
```
#c6ede2 rgb(198,237,226)
```
#d5f2e9
```
#d5f2e9 rgb(213,242,233)
```
#e4f6f1
```
#e4f6f1 rgb(228,246,241)
```
#f3fbf9
```
#f3fbf9 rgb(243,251,249)
```

Tint Color Variation

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

#434a48
```
#434a48 rgb(67,74,72)
```
#3d504a
```
#3d504a rgb(61,80,74)
```
#38554d
```
#38554d rgb(56,85,77)
```
#325b4f
```
#325b4f rgb(50,91,79)
```
#2d6051
```
#2d6051 rgb(45,96,81)
```
#276654
```
#276654 rgb(39,102,84)
```
#226b56
```
#226b56 rgb(34,107,86)
```
#1d7058
```
#1d7058 rgb(29,112,88)
```
#17765b
```
#17765b rgb(23,118,91)
```
#127b5d
```
#127b5d rgb(18,123,93)
```
#0c815f
```
#0c815f rgb(12,129,95)
```
#078662
```
#078662 rgb(7,134,98)
```
#018c64
```
#018c64 rgb(1,140,100)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#495854 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c6759 Protanopia 1% of men
#726463 Deuteranopia 1% of men
#396f77 Tritanopia 0.001% of the population

Trichromacy

#516858 Protanomaly 1% of men, 0.01% of women
#55665e Deuteranomaly 6% of men, 0.4% of women
#306d6b Tritanomaly 0.01% of the population

#226b56 hex color

#226b56 Color Information

#226b56 Color Conversion

Color Schemes with #226b56

Alternatives to #226b56

#226b56 Preview

Shades and Tints of #226b56

Tones of #226b56

Color Blindness Simulator