#226d5c hex color

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

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

● #226d5c color description : Very dark cyan.

The hexadecimal color #226d5c has RGB values of R:34, G:109, B:92 and CMYK values of C:0.69, M:0, Y:0.16, K:0.57. Its decimal value is 2256220.

Hex triplet	226d5c	`#226d5c`
RGB Decimal	34, 109, 92	`rgb(34,109,92)`
RGB Percent	13.3, 42.7, 36.1	`rgb(13.3%,42.7%,36.1%)`
CMYK	69, 0, 16, 57
HSL	166.4°, 52.4, 28	`hsl(166.4,52.4%,28%)`
HSV (or HSB)	166.4°, 68.8, 42.7
Web Safe	336666	`#336666`

CIE-LAB	41.294, -27.295, 2.826
XYZ	8.059, 12.049, 12.026
xyY	0.251, 0.375, 12.049
CIE-LCH	41.294, 27.441, 174.089
CIE-LUV	41.294, -29.248, 7.463
Hunter-Lab	34.712, -19.302, 3.758
Binary	00100010, 01101101, 01011100

#226d5c
```
#226d5c rgb(34,109,92)
```
#6d2233
```
#6d2233 rgb(109,34,51)
```

Complementary Color

#226d37
```
#226d37 rgb(34,109,55)
```
#226d5c
```
#226d5c rgb(34,109,92)
```
#22596d
```
#22596d rgb(34,89,109)
```

Analogous Color

#6d3722
```
#6d3722 rgb(109,55,34)
```
#226d5c
```
#226d5c rgb(34,109,92)
```
#6d2259
```
#6d2259 rgb(109,34,89)
```

Split Complementary Color

#6d5c22
```
#6d5c22 rgb(109,92,34)
```
#226d5c
```
#226d5c rgb(34,109,92)
```
#5c226d
```
#5c226d rgb(92,34,109)
```

Triadic Color

#336d22
```
#336d22 rgb(51,109,34)
```
#226d5c
```
#226d5c rgb(34,109,92)
```
#5c226d
```
#5c226d rgb(92,34,109)
```
#6d2233
```
#6d2233 rgb(109,34,51)
```

Tetradic Color

#10332b
```
#10332b rgb(16,51,43)
```
#16463b
```
#16463b rgb(22,70,59)
```
#1c5a4c
```
#1c5a4c rgb(28,90,76)
```
#226d5c
```
#226d5c rgb(34,109,92)
```
#28806c
```
#28806c rgb(40,128,108)
```
#2e947d
```
#2e947d rgb(46,148,125)
```
#34a78d
```
#34a78d rgb(52,167,141)
```

Monochromatic Color

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

#226d49
```
#226d49 rgb(34,109,73)
```
#226d50
```
#226d50 rgb(34,109,80)
```
#226d56
```
#226d56 rgb(34,109,86)
```
#226d5c
```
#226d5c rgb(34,109,92)
```
#226d62
```
#226d62 rgb(34,109,98)
```
#226d69
```
#226d69 rgb(34,109,105)
```
#226b6d
```
#226b6d rgb(34,107,109)
```

Similar Colors

Text with hexadecimal color #226d5c

This text has a font color of #226d5c.

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

#226d5c background color

This paragraph has a background color of #226d5c.

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

#226d5c border color

This element has a border color of #226d5c.

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

CSS codes

.text {color:#226d5c;}

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

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

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

#010404
```
#010404 rgb(1,4,4)
```
#061310
```
#061310 rgb(6,19,16)
```
#0b221d
```
#0b221d rgb(11,34,29)
```
#0f312a
```
#0f312a rgb(15,49,42)
```
#144036
```
#144036 rgb(20,64,54)
```
#194f43
```
#194f43 rgb(25,79,67)
```
#1d5e4f
```
#1d5e4f rgb(29,94,79)
```
#226d5c
```
#226d5c rgb(34,109,92)
```
#277c69
```
#277c69 rgb(39,124,105)
```
#2b8b75
```
#2b8b75 rgb(43,139,117)
```
#309a82
```
#309a82 rgb(48,154,130)
```
#35a98e
```
#35a98e rgb(53,169,142)
```
#39b89b
```
#39b89b rgb(57,184,155)
```

Shade Color Variation

#41c4a6
```
#41c4a6 rgb(65,196,166)
```
#50c8ad
```
#50c8ad rgb(80,200,173)
```
#5fcdb4
```
#5fcdb4 rgb(95,205,180)
```
#6ed2bb
```
#6ed2bb rgb(110,210,187)
```
#7dd6c2
```
#7dd6c2 rgb(125,214,194)
```
#8cdbc9
```
#8cdbc9 rgb(140,219,201)
```
#9be0d0
```
#9be0d0 rgb(155,224,208)
```
#aae4d7
```
#aae4d7 rgb(170,228,215)
```
#b9e9de
```
#b9e9de rgb(185,233,222)
```
#c8eee5
```
#c8eee5 rgb(200,238,229)
```
#d6f2ec
```
#d6f2ec rgb(214,242,236)
```
#e5f7f3
```
#e5f7f3 rgb(229,247,243)
```
#f4fcfa
```
#f4fcfa rgb(244,252,250)
```

Tint Color Variation

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

#434c4a
```
#434c4a rgb(67,76,74)
```
#3e524d
```
#3e524d rgb(62,82,77)
```
#385750
```
#385750 rgb(56,87,80)
```
#335d53
```
#335d53 rgb(51,93,83)
```
#2d6256
```
#2d6256 rgb(45,98,86)
```
#286859
```
#286859 rgb(40,104,89)
```
#226d5c
```
#226d5c rgb(34,109,92)
```
#1d735f
```
#1d735f rgb(29,115,95)
```
#177862
```
#177862 rgb(23,120,98)
```
#127e65
```
#127e65 rgb(18,126,101)
```
#0c8368
```
#0c8368 rgb(12,131,104)
```
#07896b
```
#07896b rgb(7,137,107)
```
#018e6e
```
#018e6e rgb(1,142,110)
```

Tone Color Variation

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

#6d695e Protanopia 1% of men
#736669 Deuteranopia 1% of men
#387179 Tritanopia 0.001% of the population

Trichromacy

#526a5d Protanomaly 1% of men, 0.01% of women
#556864 Deuteranomaly 6% of men, 0.4% of women
#306f6e Tritanomaly 0.01% of the population

#226d5c hex color

#226d5c Color Information

#226d5c Color Conversion

Color Schemes with #226d5c

Alternatives to #226d5c

#226d5c Preview

Shades and Tints of #226d5c

Tones of #226d5c

Color Blindness Simulator