#226b76 hex color

In a RGB color space, hex #226b76 is composed of 13.3% red, 42% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 71.2% cyan, 9.3% magenta, 0% yellow and 53.7% black. It has a hue angle of 187.9 degrees, a saturation of 55.3% and a lightness of 29.8%. #226b76 color hex could be obtained by blending #44d6ec with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 13
- G 42
- B 46
RGB color chart
- C 71
- M 9
- Y 0
- K 54
CMYK color chart

● #226b76 color description : Dark cyan.

The hexadecimal color #226b76 has RGB values of R:34, G:107, B:118 and CMYK values of C:0.71, M:0.09, Y:0, K:0.54. Its decimal value is 2255734.

Hex triplet	226b76	`#226b76`
RGB Decimal	34, 107, 118	`rgb(34,107,118)`
RGB Percent	13.3, 42, 46.3	`rgb(13.3%,42%,46.3%)`
CMYK	71, 9, 0, 54
HSL	187.9°, 55.3, 29.8	`hsl(187.9,55.3%,29.8%)`
HSV (or HSB)	187.9°, 71.2, 46.3
Web Safe	336666	`#336666`

CIE-LAB	41.474, -18.271, -12.674
XYZ	9.186, 12.163, 19.002
xyY	0.228, 0.301, 12.163
CIE-LCH	41.474, 22.236, 214.748
CIE-LUV	41.474, -26.984, -15.135
Hunter-Lab	34.875, -14.012, -7.892
Binary	00100010, 01101011, 01110110

#226b76
```
#226b76 rgb(34,107,118)
```
#762d22
```
#762d22 rgb(118,45,34)
```

Complementary Color

#227657
```
#227657 rgb(34,118,87)
```
#226b76
```
#226b76 rgb(34,107,118)
```
#224176
```
#224176 rgb(34,65,118)
```

Analogous Color

#765722
```
#765722 rgb(118,87,34)
```
#226b76
```
#226b76 rgb(34,107,118)
```
#762241
```
#762241 rgb(118,34,65)
```

Split Complementary Color

#6b7622
```
#6b7622 rgb(107,118,34)
```
#226b76
```
#226b76 rgb(34,107,118)
```
#76226b
```
#76226b rgb(118,34,107)
```

Triadic Color

#22762d
```
#22762d rgb(34,118,45)
```
#226b76
```
#226b76 rgb(34,107,118)
```
#76226b
```
#76226b rgb(118,34,107)
```
#762d22
```
#762d22 rgb(118,45,34)
```

Tetradic Color

#11353b
```
#11353b rgb(17,53,59)
```
#17474e
```
#17474e rgb(23,71,78)
```
#1c5962
```
#1c5962 rgb(28,89,98)
```
#226b76
```
#226b76 rgb(34,107,118)
```
#287d8a
```
#287d8a rgb(40,125,138)
```
#2d8f9e
```
#2d8f9e rgb(45,143,158)
```
#33a1b1
```
#33a1b1 rgb(51,161,177)
```

Monochromatic Color

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

#22766c
```
#22766c rgb(34,118,108)
```
#227673
```
#227673 rgb(34,118,115)
```
#227276
```
#227276 rgb(34,114,118)
```
#226b76
```
#226b76 rgb(34,107,118)
```
#226476
```
#226476 rgb(34,100,118)
```
#225d76
```
#225d76 rgb(34,93,118)
```
#225676
```
#225676 rgb(34,86,118)
```

Similar Colors

Text with hexadecimal color #226b76

This text has a font color of #226b76.

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

#226b76 background color

This paragraph has a background color of #226b76.

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

#226b76 border color

This element has a border color of #226b76.

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

CSS codes

.text {color:#226b76;}

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

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

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, #030a0b is the darkest color, while #fbfefe is the lightest one.

#030a0b
```
#030a0b rgb(3,10,11)
```
#08181b
```
#08181b rgb(8,24,27)
```
#0c262a
```
#0c262a rgb(12,38,42)
```
#103439
```
#103439 rgb(16,52,57)
```
#154248
```
#154248 rgb(21,66,72)
```
#194f58
```
#194f58 rgb(25,79,88)
```
#1e5d67
```
#1e5d67 rgb(30,93,103)
```
#226b76
```
#226b76 rgb(34,107,118)
```
#267985
```
#267985 rgb(38,121,133)
```
#2b8794
```
#2b8794 rgb(43,135,148)
```
#2f94a4
```
#2f94a4 rgb(47,148,164)
```
#34a2b3
```
#34a2b3 rgb(52,162,179)
```
#38b0c2
```
#38b0c2 rgb(56,176,194)
```

Shade Color Variation

#44b8c9
```
#44b8c9 rgb(68,184,201)
```
#54bece
```
#54bece rgb(84,190,206)
```
#63c3d2
```
#63c3d2 rgb(99,195,210)
```
#72c9d6
```
#72c9d6 rgb(114,201,214)
```
#81cfdb
```
#81cfdb rgb(129,207,219)
```
#91d5df
```
#91d5df rgb(145,213,223)
```
#a0dbe4
```
#a0dbe4 rgb(160,219,228)
```
#afe1e8
```
#afe1e8 rgb(175,225,232)
```
#bee6ec
```
#bee6ec rgb(190,230,236)
```
#cdecf1
```
#cdecf1 rgb(205,236,241)
```
#ddf2f5
```
#ddf2f5 rgb(221,242,245)
```
#ecf8fa
```
#ecf8fa rgb(236,248,250)
```
#fbfefe
```
#fbfefe rgb(251,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4b4d4d is the less saturated color, while #058193 is the most saturated one.

#4b4d4d
```
#4b4d4d rgb(75,77,77)
```
#455153
```
#455153 rgb(69,81,83)
```
#3f5559
```
#3f5559 rgb(63,85,89)
```
#395a5f
```
#395a5f rgb(57,90,95)
```
#345e64
```
#345e64 rgb(52,94,100)
```
#2e626a
```
#2e626a rgb(46,98,106)
```
#286770
```
#286770 rgb(40,103,112)
```
#226b76
```
#226b76 rgb(34,107,118)
```
#1c6f7c
```
#1c6f7c rgb(28,111,124)
```
#167482
```
#167482 rgb(22,116,130)
```
#107888
```
#107888 rgb(16,120,136)
```
#0b7c8d
```
#0b7c8d rgb(11,124,141)
```
#058193
```
#058193 rgb(5,129,147)
```

Tone Color Variation

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

Dichromacy

#676977 Protanopia 1% of men
#676881 Deuteranopia 1% of men
#2c737b Tritanopia 0.001% of the population

Trichromacy

#4e6976 Protanomaly 1% of men, 0.01% of women
#4e697d Deuteranomaly 6% of men, 0.4% of women
#287079 Tritanomaly 0.01% of the population

#226b76 hex color

#226b76 Color Information

#226b76 Color Conversion

Color Schemes with #226b76

Alternatives to #226b76

#226b76 Preview

Shades and Tints of #226b76

Tones of #226b76

Color Blindness Simulator