#226e5a hex color

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

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

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

The hexadecimal color #226e5a has RGB values of R:34, G:110, B:90 and CMYK values of C:0.69, M:0, Y:0.18, K:0.57. Its decimal value is 2256474.

Hex triplet	226e5a	`#226e5a`
RGB Decimal	34, 110, 90	`rgb(34,110,90)`
RGB Percent	13.3, 43.1, 35.3	`rgb(13.3%,43.1%,35.3%)`
CMYK	69, 0, 18, 57
HSL	164.2°, 52.8, 28.2	`hsl(164.2,52.8%,28.2%)`
HSV (or HSB)	164.2°, 69.1, 43.1
Web Safe	336666	`#336666`

CIE-LAB	41.578, -28.328, 4.442
XYZ	8.08, 12.229, 11.607
xyY	0.253, 0.383, 12.229
CIE-LCH	41.578, 28.675, 171.088
CIE-LUV	41.578, -29.75, 9.696
Hunter-Lab	34.971, -19.954, 4.801
Binary	00100010, 01101110, 01011010

#226e5a
```
#226e5a rgb(34,110,90)
```
#6e2236
```
#6e2236 rgb(110,34,54)
```

Complementary Color

#226e34
```
#226e34 rgb(34,110,52)
```
#226e5a
```
#226e5a rgb(34,110,90)
```
#225c6e
```
#225c6e rgb(34,92,110)
```

Analogous Color

#6e3422
```
#6e3422 rgb(110,52,34)
```
#226e5a
```
#226e5a rgb(34,110,90)
```
#6e225c
```
#6e225c rgb(110,34,92)
```

Split Complementary Color

#6e5a22
```
#6e5a22 rgb(110,90,34)
```
#226e5a
```
#226e5a rgb(34,110,90)
```
#5a226e
```
#5a226e rgb(90,34,110)
```

Triadic Color

#366e22
```
#366e22 rgb(54,110,34)
```
#226e5a
```
#226e5a rgb(34,110,90)
```
#5a226e
```
#5a226e rgb(90,34,110)
```
#6e2236
```
#6e2236 rgb(110,34,54)
```

Tetradic Color

#10342a
```
#10342a rgb(16,52,42)
```
#16473a
```
#16473a rgb(22,71,58)
```
#1c5b4a
```
#1c5b4a rgb(28,91,74)
```
#226e5a
```
#226e5a rgb(34,110,90)
```
#28816a
```
#28816a rgb(40,129,106)
```
#2e957a
```
#2e957a rgb(46,149,122)
```
#34a88a
```
#34a88a rgb(52,168,138)
```

Monochromatic Color

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

#226e47
```
#226e47 rgb(34,110,71)
```
#226e4d
```
#226e4d rgb(34,110,77)
```
#226e54
```
#226e54 rgb(34,110,84)
```
#226e5a
```
#226e5a rgb(34,110,90)
```
#226e60
```
#226e60 rgb(34,110,96)
```
#226e67
```
#226e67 rgb(34,110,103)
```
#226e6d
```
#226e6d rgb(34,110,109)
```

Similar Colors

Text with hexadecimal color #226e5a

This text has a font color of #226e5a.

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

#226e5a background color

This paragraph has a background color of #226e5a.

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

#226e5a border color

This element has a border color of #226e5a.

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

CSS codes

.text {color:#226e5a;}

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

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

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

#020504
```
#020504 rgb(2,5,4)
```
#061410
```
#061410 rgb(6,20,16)
```
#0b231d
```
#0b231d rgb(11,35,29)
```
#0f3229
```
#0f3229 rgb(15,50,41)
```
#144135
```
#144135 rgb(20,65,53)
```
#195041
```
#195041 rgb(25,80,65)
```
#1d5f4e
```
#1d5f4e rgb(29,95,78)
```
#226e5a
```
#226e5a rgb(34,110,90)
```
#277d66
```
#277d66 rgb(39,125,102)
```
#2b8c73
```
#2b8c73 rgb(43,140,115)
```
#309b7f
```
#309b7f rgb(48,155,127)
```
#35aa8b
```
#35aa8b rgb(53,170,139)
```
#39b997
```
#39b997 rgb(57,185,151)
```

Shade Color Variation

#41c4a2
```
#41c4a2 rgb(65,196,162)
```
#50c9a9
```
#50c9a9 rgb(80,201,169)
```
#5fceb1
```
#5fceb1 rgb(95,206,177)
```
#6ed2b8
```
#6ed2b8 rgb(110,210,184)
```
#7dd7bf
```
#7dd7bf rgb(125,215,191)
```
#8cdcc7
```
#8cdcc7 rgb(140,220,199)
```
#9be0ce
```
#9be0ce rgb(155,224,206)
```
#aae5d5
```
#aae5d5 rgb(170,229,213)
```
#b9e9dd
```
#b9e9dd rgb(185,233,221)
```
#c8eee4
```
#c8eee4 rgb(200,238,228)
```
#d7f3eb
```
#d7f3eb rgb(215,243,235)
```
#e6f7f3
```
#e6f7f3 rgb(230,247,243)
```
#f5fcfa
```
#f5fcfa rgb(245,252,250)
```

Tint Color Variation

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

#434d4a
```
#434d4a rgb(67,77,74)
```
#3e524d
```
#3e524d rgb(62,82,77)
```
#385850
```
#385850 rgb(56,88,80)
```
#335d52
```
#335d52 rgb(51,93,82)
```
#2d6355
```
#2d6355 rgb(45,99,85)
```
#286857
```
#286857 rgb(40,104,87)
```
#226e5a
```
#226e5a rgb(34,110,90)
```
#1c745d
```
#1c745d rgb(28,116,93)
```
#17795f
```
#17795f rgb(23,121,95)
```
#117f62
```
#117f62 rgb(17,127,98)
```
#0c8464
```
#0c8464 rgb(12,132,100)
```
#068a67
```
#068a67 rgb(6,138,103)
```
#018f6a
```
#018f6a rgb(1,143,106)
```

Tone Color Variation

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

Dichromacy

#6f695c Protanopia 1% of men
#756667 Deuteranopia 1% of men
#39727a Tritanopia 0.001% of the population

Trichromacy

#536b5b Protanomaly 1% of men, 0.01% of women
#566962 Deuteranomaly 6% of men, 0.4% of women
#31706e Tritanomaly 0.01% of the population

#226e5a hex color

#226e5a Color Information

#226e5a Color Conversion

Color Schemes with #226e5a

Alternatives to #226e5a

#226e5a Preview

Shades and Tints of #226e5a

Tones of #226e5a

Color Blindness Simulator