#226f7a hex color

In a RGB color space, hex #226f7a is composed of 13.3% red, 43.5% green and 47.8% blue. Whereas in a CMYK color space, it is composed of 72.1% cyan, 9% magenta, 0% yellow and 52.2% black. It has a hue angle of 187.5 degrees, a saturation of 56.4% and a lightness of 30.6%. #226f7a color hex could be obtained by blending #44def4 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 13
- G 44
- B 48
RGB color chart
- C 72
- M 9
- Y 0
- K 52
CMYK color chart

● #226f7a color description : Dark cyan.

The hexadecimal color #226f7a has RGB values of R:34, G:111, B:122 and CMYK values of C:0.72, M:0.09, Y:0, K:0.52. Its decimal value is 2256762.

Hex triplet	226f7a	`#226f7a`
RGB Decimal	34, 111, 122	`rgb(34,111,122)`
RGB Percent	13.3, 43.5, 47.8	`rgb(13.3%,43.5%,47.8%)`
CMYK	72, 9, 0, 52
HSL	187.5°, 56.4, 30.6	`hsl(187.5,56.4%,30.6%)`
HSV (or HSB)	187.5°, 72.1, 47.8
Web Safe	336666	`#336666`

CIE-LAB	42.933, -19.119, -12.876
XYZ	9.856, 13.113, 20.423
xyY	0.227, 0.302, 13.113
CIE-LCH	42.933, 23.051, 213.959
CIE-LUV	42.933, -28.263, -15.447
Hunter-Lab	36.212, -14.789, -8.09
Binary	00100010, 01101111, 01111010

#226f7a
```
#226f7a rgb(34,111,122)
```
#7a2d22
```
#7a2d22 rgb(122,45,34)
```

Complementary Color

#227a59
```
#227a59 rgb(34,122,89)
```
#226f7a
```
#226f7a rgb(34,111,122)
```
#22437a
```
#22437a rgb(34,67,122)
```

Analogous Color

#7a5922
```
#7a5922 rgb(122,89,34)
```
#226f7a
```
#226f7a rgb(34,111,122)
```
#7a2243
```
#7a2243 rgb(122,34,67)
```

Split Complementary Color

#6f7a22
```
#6f7a22 rgb(111,122,34)
```
#226f7a
```
#226f7a rgb(34,111,122)
```
#7a226f
```
#7a226f rgb(122,34,111)
```

Triadic Color

#227a2d
```
#227a2d rgb(34,122,45)
```
#226f7a
```
#226f7a rgb(34,111,122)
```
#7a226f
```
#7a226f rgb(122,34,111)
```
#7a2d22
```
#7a2d22 rgb(122,45,34)
```

Tetradic Color

#11393e
```
#11393e rgb(17,57,62)
```
#174b52
```
#174b52 rgb(23,75,82)
```
#1c5d66
```
#1c5d66 rgb(28,93,102)
```
#226f7a
```
#226f7a rgb(34,111,122)
```
#28818e
```
#28818e rgb(40,129,142)
```
#2d93a2
```
#2d93a2 rgb(45,147,162)
```
#33a5b6
```
#33a5b6 rgb(51,165,182)
```

Monochromatic Color

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

#227a6f
```
#227a6f rgb(34,122,111)
```
#227a76
```
#227a76 rgb(34,122,118)
```
#22767a
```
#22767a rgb(34,118,122)
```
#226f7a
```
#226f7a rgb(34,111,122)
```
#22687a
```
#22687a rgb(34,104,122)
```
#22607a
```
#22607a rgb(34,96,122)
```
#22597a
```
#22597a rgb(34,89,122)
```

Similar Colors

Text with hexadecimal color #226f7a

This text has a font color of #226f7a.

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

#226f7a background color

This paragraph has a background color of #226f7a.

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

#226f7a border color

This element has a border color of #226f7a.

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

CSS codes

.text {color:#226f7a;}

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

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

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, #040d0f is the darkest color, while #feffff is the lightest one.

#040d0f
```
#040d0f rgb(4,13,15)
```
#081b1e
```
#081b1e rgb(8,27,30)
```
#0d292d
```
#0d292d rgb(13,41,45)
```
#11373d
```
#11373d rgb(17,55,61)
```
#15454c
```
#15454c rgb(21,69,76)
```
#19535b
```
#19535b rgb(25,83,91)
```
#1e616b
```
#1e616b rgb(30,97,107)
```
#226f7a
```
#226f7a rgb(34,111,122)
```
#267d89
```
#267d89 rgb(38,125,137)
```
#2b8b99
```
#2b8b99 rgb(43,139,153)
```
#2f99a8
```
#2f99a8 rgb(47,153,168)
```
#33a7b7
```
#33a7b7 rgb(51,167,183)
```
#37b5c7
```
#37b5c7 rgb(55,181,199)
```

Shade Color Variation

#46bbcb
```
#46bbcb rgb(70,187,203)
```
#56c0d0
```
#56c0d0 rgb(86,192,208)
```
#65c6d4
```
#65c6d4 rgb(101,198,212)
```
#74ccd8
```
#74ccd8 rgb(116,204,216)
```
#84d1dd
```
#84d1dd rgb(132,209,221)
```
#93d7e1
```
#93d7e1 rgb(147,215,225)
```
#a2dde5
```
#a2dde5 rgb(162,221,229)
```
#b2e2e9
```
#b2e2e9 rgb(178,226,233)
```
#c1e8ee
```
#c1e8ee rgb(193,232,238)
```
#d0eef2
```
#d0eef2 rgb(208,238,242)
```
#e0f3f6
```
#e0f3f6 rgb(224,243,246)
```
#eff9fb
```
#eff9fb rgb(239,249,251)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#4c5050
```
#4c5050 rgb(76,80,80)
```
#465456
```
#465456 rgb(70,84,86)
```
#40595c
```
#40595c rgb(64,89,92)
```
#3a5d62
```
#3a5d62 rgb(58,93,98)
```
#346268
```
#346268 rgb(52,98,104)
```
#2e666e
```
#2e666e rgb(46,102,110)
```
#286b74
```
#286b74 rgb(40,107,116)
```
#226f7a
```
#226f7a rgb(34,111,122)
```
#1c7480
```
#1c7480 rgb(28,116,128)
```
#167886
```
#167886 rgb(22,120,134)
```
#107d8c
```
#107d8c rgb(16,125,140)
```
#0a8192
```
#0a8192 rgb(10,129,146)
```
#048698
```
#048698 rgb(4,134,152)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#4e5d60 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6a6c7a Protanopia 1% of men
#6a6b85 Deuteranopia 1% of men
#2c767f Tritanopia 0.001% of the population

Trichromacy

#506d7a Protanomaly 1% of men, 0.01% of women
#506c81 Deuteranomaly 6% of men, 0.4% of women
#28737d Tritanomaly 0.01% of the population

#226f7a hex color

#226f7a Color Information

#226f7a Color Conversion

Color Schemes with #226f7a

Alternatives to #226f7a

#226f7a Preview

Shades and Tints of #226f7a

Tones of #226f7a

Color Blindness Simulator