#226c58 hex color

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

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

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

The hexadecimal color #226c58 has RGB values of R:34, G:108, B:88 and CMYK values of C:0.69, M:0, Y:0.19, K:0.58. Its decimal value is 2255960.

Hex triplet	226c58	`#226c58`
RGB Decimal	34, 108, 88	`rgb(34,108,88)`
RGB Percent	13.3, 42.4, 34.5	`rgb(13.3%,42.4%,34.5%)`
CMYK	69, 0, 19, 58
HSL	163.8°, 52.1, 27.8	`hsl(163.8,52.1%,27.8%)`
HSV (or HSB)	163.8°, 68.5, 42.4
Web Safe	336666	`#336666`

CIE-LAB	40.847, -27.905, 4.6
XYZ	7.783, 11.769, 11.093
xyY	0.254, 0.384, 11.769
CIE-LCH	40.847, 28.282, 170.638
CIE-LUV	40.847, -29.083, 9.79
Hunter-Lab	34.306, -19.539, 4.842
Binary	00100010, 01101100, 01011000

#226c58
```
#226c58 rgb(34,108,88)
```
#6c2236
```
#6c2236 rgb(108,34,54)
```

Complementary Color

#226c33
```
#226c33 rgb(34,108,51)
```
#226c58
```
#226c58 rgb(34,108,88)
```
#225b6c
```
#225b6c rgb(34,91,108)
```

Analogous Color

#6c3322
```
#6c3322 rgb(108,51,34)
```
#226c58
```
#226c58 rgb(34,108,88)
```
#6c225b
```
#6c225b rgb(108,34,91)
```

Split Complementary Color

#6c5822
```
#6c5822 rgb(108,88,34)
```
#226c58
```
#226c58 rgb(34,108,88)
```
#58226c
```
#58226c rgb(88,34,108)
```

Triadic Color

#366c22
```
#366c22 rgb(54,108,34)
```
#226c58
```
#226c58 rgb(34,108,88)
```
#58226c
```
#58226c rgb(88,34,108)
```
#6c2236
```
#6c2236 rgb(108,34,54)
```

Tetradic Color

#103229
```
#103229 rgb(16,50,41)
```
#164538
```
#164538 rgb(22,69,56)
```
#1c5948
```
#1c5948 rgb(28,89,72)
```
#226c58
```
#226c58 rgb(34,108,88)
```
#287f68
```
#287f68 rgb(40,127,104)
```
#2e9378
```
#2e9378 rgb(46,147,120)
```
#34a687
```
#34a687 rgb(52,166,135)
```

Monochromatic Color

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

#226c46
```
#226c46 rgb(34,108,70)
```
#226c4c
```
#226c4c rgb(34,108,76)
```
#226c52
```
#226c52 rgb(34,108,82)
```
#226c58
```
#226c58 rgb(34,108,88)
```
#226c5e
```
#226c5e rgb(34,108,94)
```
#226c64
```
#226c64 rgb(34,108,100)
```
#226c6b
```
#226c6b rgb(34,108,107)
```

Similar Colors

Text with hexadecimal color #226c58

This text has a font color of #226c58.

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

#226c58 background color

This paragraph has a background color of #226c58.

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

#226c58 border color

This element has a border color of #226c58.

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

CSS codes

.text {color:#226c58;}

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

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

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

#010403
```
#010403 rgb(1,4,3)
```
#06120f
```
#06120f rgb(6,18,15)
```
#0b211b
```
#0b211b rgb(11,33,27)
```
#0f3027
```
#0f3027 rgb(15,48,39)
```
#143f34
```
#143f34 rgb(20,63,52)
```
#194e40
```
#194e40 rgb(25,78,64)
```
#1d5d4c
```
#1d5d4c rgb(29,93,76)
```
#226c58
```
#226c58 rgb(34,108,88)
```
#277b64
```
#277b64 rgb(39,123,100)
```
#2b8a70
```
#2b8a70 rgb(43,138,112)
```
#30997c
```
#30997c rgb(48,153,124)
```
#35a889
```
#35a889 rgb(53,168,137)
```
#39b795
```
#39b795 rgb(57,183,149)
```

Shade Color Variation

#41c3a0
```
#41c3a0 rgb(65,195,160)
```
#50c8a7
```
#50c8a7 rgb(80,200,167)
```
#5eccaf
```
#5eccaf rgb(94,204,175)
```
#6dd1b6
```
#6dd1b6 rgb(109,209,182)
```
#7cd6be
```
#7cd6be rgb(124,214,190)
```
#8bdbc5
```
#8bdbc5 rgb(139,219,197)
```
#9adfcd
```
#9adfcd rgb(154,223,205)
```
#a9e4d4
```
#a9e4d4 rgb(169,228,212)
```
#b8e9db
```
#b8e9db rgb(184,233,219)
```
#c7ede3
```
#c7ede3 rgb(199,237,227)
```
#d6f2ea
```
#d6f2ea rgb(214,242,234)
```
#e5f7f2
```
#e5f7f2 rgb(229,247,242)
```
#f4fbf9
```
#f4fbf9 rgb(244,251,249)
```

Tint Color Variation

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

#434b49
```
#434b49 rgb(67,75,73)
```
#3d514b
```
#3d514b rgb(61,81,75)
```
#38564e
```
#38564e rgb(56,86,78)
```
#325c50
```
#325c50 rgb(50,92,80)
```
#2d6153
```
#2d6153 rgb(45,97,83)
```
#276755
```
#276755 rgb(39,103,85)
```
#226c58
```
#226c58 rgb(34,108,88)
```
#1d715b
```
#1d715b rgb(29,113,91)
```
#17775d
```
#17775d rgb(23,119,93)
```
#127c60
```
#127c60 rgb(18,124,96)
```
#0c8262
```
#0c8262 rgb(12,130,98)
```
#078765
```
#078765 rgb(7,135,101)
```
#018d67
```
#018d67 rgb(1,141,103)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#4a5955 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d685b Protanopia 1% of men
#736565 Deuteranopia 1% of men
#397078 Tritanopia 0.001% of the population

Trichromacy

#52695a Protanomaly 1% of men, 0.01% of women
#556760 Deuteranomaly 6% of men, 0.4% of women
#306e6c Tritanomaly 0.01% of the population

#226c58 hex color

#226c58 Color Information

#226c58 Color Conversion

Color Schemes with #226c58

Alternatives to #226c58

#226c58 Preview

Shades and Tints of #226c58

Tones of #226c58

Color Blindness Simulator