#227e82 hex color

In a RGB color space, hex #227e82 is composed of 13.3% red, 49.4% green and 51% blue. Whereas in a CMYK color space, it is composed of 73.8% cyan, 3.1% magenta, 0% yellow and 49% black. It has a hue angle of 182.5 degrees, a saturation of 58.5% and a lightness of 32.2%. #227e82 color hex could be obtained by blending #44fcff with #000005. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 13
- G 49
- B 51
RGB color chart
- C 74
- M 3
- Y 0
- K 49
CMYK color chart

● #227e82 color description : Dark cyan.

The hexadecimal color #227e82 has RGB values of R:34, G:126, B:130 and CMYK values of C:0.74, M:0.03, Y:0, K:0.49. Its decimal value is 2260610.

Hex triplet	227e82	`#227e82`
RGB Decimal	34, 126, 130	`rgb(34,126,130)`
RGB Percent	13.3, 49.4, 51	`rgb(13.3%,49.4%,51%)`
CMYK	74, 3, 0, 49
HSL	182.5°, 58.5, 32.2	`hsl(182.5,58.5%,32.2%)`
HSV (or HSB)	182.5°, 73.8, 51
Web Safe	336699	`#336699`

CIE-LAB	48.099, -24.424, -9.85
XYZ	12.149, 16.872, 23.734
xyY	0.23, 0.32, 16.872
CIE-LCH	48.099, 26.336, 201.964
CIE-LUV	48.099, -33.391, -10.62
Hunter-Lab	41.076, -19.09, -5.505
Binary	00100010, 01111110, 10000010

#227e82
```
#227e82 rgb(34,126,130)
```
#822622
```
#822622 rgb(130,38,34)
```

Complementary Color

#228256
```
#228256 rgb(34,130,86)
```
#227e82
```
#227e82 rgb(34,126,130)
```
#224e82
```
#224e82 rgb(34,78,130)
```

Analogous Color

#825622
```
#825622 rgb(130,86,34)
```
#227e82
```
#227e82 rgb(34,126,130)
```
#82224e
```
#82224e rgb(130,34,78)
```

Split Complementary Color

#7e8222
```
#7e8222 rgb(126,130,34)
```
#227e82
```
#227e82 rgb(34,126,130)
```
#82227e
```
#82227e rgb(130,34,126)
```

Triadic Color

#228226
```
#228226 rgb(34,130,38)
```
#227e82
```
#227e82 rgb(34,126,130)
```
#82227e
```
#82227e rgb(130,34,126)
```
#822622
```
#822622 rgb(130,38,34)
```

Tetradic Color

#124345
```
#124345 rgb(18,67,69)
```
#17575a
```
#17575a rgb(23,87,90)
```
#1d6a6e
```
#1d6a6e rgb(29,106,110)
```
#227e82
```
#227e82 rgb(34,126,130)
```
#279296
```
#279296 rgb(39,146,150)
```
#2da5aa
```
#2da5aa rgb(45,165,170)
```
#32b9bf
```
#32b9bf rgb(50,185,191)
```

Monochromatic Color

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

#22826e
```
#22826e rgb(34,130,110)
```
#228276
```
#228276 rgb(34,130,118)
```
#22827e
```
#22827e rgb(34,130,126)
```
#227e82
```
#227e82 rgb(34,126,130)
```
#227682
```
#227682 rgb(34,118,130)
```
#226e82
```
#226e82 rgb(34,110,130)
```
#226682
```
#226682 rgb(34,102,130)
```

Similar Colors

Text with hexadecimal color #227e82

This text has a font color of #227e82.

<span style="color:#227e82;">Text here</span>

#227e82 background color

This paragraph has a background color of #227e82.

<p style="background-color:#227e82;">Content here</p>

#227e82 border color

This element has a border color of #227e82.

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

CSS codes

.text {color:#227e82;}

.background {background-color:#227e82;}

.border {border:1px solid #227e82;}

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

#010506
```
#010506 rgb(1,5,6)
```
#061515
```
#061515 rgb(6,21,21)
```
#0a2425
```
#0a2425 rgb(10,36,37)
```
#0e3334
```
#0e3334 rgb(14,51,52)
```
#124244
```
#124244 rgb(18,66,68)
```
#165153
```
#165153 rgb(22,81,83)
```
#1a6063
```
#1a6063 rgb(26,96,99)
```
#1e6f72
```
#1e6f72 rgb(30,111,114)
```
#227e82
```
#227e82 rgb(34,126,130)
```
#268d92
```
#268d92 rgb(38,141,146)
```
#2a9ca1
```
#2a9ca1 rgb(42,156,161)
```
#2eabb1
```
#2eabb1 rgb(46,171,177)
```
#32bac0
```
#32bac0 rgb(50,186,192)
```

Shade Color Variation

#3ac6cc
```
#3ac6cc rgb(58,198,204)
```
#4acad0
```
#4acad0 rgb(74,202,208)
```
#5acfd4
```
#5acfd4 rgb(90,207,212)
```
#69d3d8
```
#69d3d8 rgb(105,211,216)
```
#79d8dc
```
#79d8dc rgb(121,216,220)
```
#88dce0
```
#88dce0 rgb(136,220,224)
```
#98e1e4
```
#98e1e4 rgb(152,225,228)
```
#a7e5e8
```
#a7e5e8 rgb(167,229,232)
```
#b7eaec
```
#b7eaec rgb(183,234,236)
```
#c6eef0
```
#c6eef0 rgb(198,238,240)
```
#d6f3f4
```
#d6f3f4 rgb(214,243,244)
```
#e6f8f8
```
#e6f8f8 rgb(230,248,248)
```
#f5fcfc
```
#f5fcfc rgb(245,252,252)
```

Tint Color Variation

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

#4e5656
```
#4e5656 rgb(78,86,86)
```
#485b5c
```
#485b5c rgb(72,91,92)
```
#426162
```
#426162 rgb(66,97,98)
```
#3b6769
```
#3b6769 rgb(59,103,105)
```
#356d6f
```
#356d6f rgb(53,109,111)
```
#2f7275
```
#2f7275 rgb(47,114,117)
```
#28787c
```
#28787c rgb(40,120,124)
```
#227e82
```
#227e82 rgb(34,126,130)
```
#1c8488
```
#1c8488 rgb(28,132,136)
```
#158a8f
```
#158a8f rgb(21,138,143)
```
#0f8f95
```
#0f8f95 rgb(15,143,149)
```
#09959b
```
#09959b rgb(9,149,155)
```
#029ba2
```
#029ba2 rgb(2,155,162)
```

Tone Color Variation

Below, you can see how #227e82 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

#636363 Achromatopsia 0.005% of the population
#566869 Atypical Achromatopsia 0.001% of the population

Dichromacy

#797881 Protanopia 1% of men
#7a768d Deuteranopia 1% of men
#31838d Tritanopia 0.001% of the population

Trichromacy

#597a81 Protanomaly 1% of men, 0.01% of women
#5a7989 Deuteranomaly 6% of men, 0.4% of women
#2b8189 Tritanomaly 0.01% of the population

#227e82 hex color

#227e82 Color Information

#227e82 Color Conversion

Color Schemes with #227e82

Alternatives to #227e82

#227e82 Preview

Shades and Tints of #227e82

Tones of #227e82

Color Blindness Simulator