#225e58 hex color

In a RGB color space, hex #225e58 is composed of 13.3% red, 36.9% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 63.8% cyan, 0% magenta, 6.4% yellow and 63.1% black. It has a hue angle of 174 degrees, a saturation of 46.9% and a lightness of 25.1%. #225e58 color hex could be obtained by blending #44bcb0 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 13
- G 37
- B 35
RGB color chart
- C 64
- M 0
- Y 6
- K 63
CMYK color chart

● #225e58 color description : Very dark cyan.

The hexadecimal color #225e58 has RGB values of R:34, G:94, B:88 and CMYK values of C:0.64, M:0, Y:0.06, K:0.63. Its decimal value is 2252376.

Hex triplet	225e58	`#225e58`
RGB Decimal	34, 94, 88	`rgb(34,94,88)`
RGB Percent	13.3, 36.9, 34.5	`rgb(13.3%,36.9%,34.5%)`
CMYK	64, 0, 6, 63
HSL	174°, 46.9, 25.1	`hsl(174,46.9%,25.1%)`
HSV (or HSB)	174°, 63.8, 36.9
Web Safe	336666	`#336666`

CIE-LAB	36.08, -20.819, -2.329
XYZ	6.423, 9.05, 10.64
xyY	0.246, 0.347, 9.05
CIE-LCH	36.08, 20.949, 186.383
CIE-LUV	36.08, -23.57, -0.23
Hunter-Lab	30.082, -14.53, 0.087
Binary	00100010, 01011110, 01011000

#225e58
```
#225e58 rgb(34,94,88)
```
#5e2228
```
#5e2228 rgb(94,34,40)
```

Complementary Color

#225e3a
```
#225e3a rgb(34,94,58)
```
#225e58
```
#225e58 rgb(34,94,88)
```
#22465e
```
#22465e rgb(34,70,94)
```

Analogous Color

#5e3a22
```
#5e3a22 rgb(94,58,34)
```
#225e58
```
#225e58 rgb(34,94,88)
```
#5e2246
```
#5e2246 rgb(94,34,70)
```

Split Complementary Color

#5e5822
```
#5e5822 rgb(94,88,34)
```
#225e58
```
#225e58 rgb(34,94,88)
```
#58225e
```
#58225e rgb(88,34,94)
```

Triadic Color

#285e22
```
#285e22 rgb(40,94,34)
```
#225e58
```
#225e58 rgb(34,94,88)
```
#58225e
```
#58225e rgb(88,34,94)
```
#5e2228
```
#5e2228 rgb(94,34,40)
```

Tetradic Color

#0e2623
```
#0e2623 rgb(14,38,35)
```
#143935
```
#143935 rgb(20,57,53)
```
#1b4b46
```
#1b4b46 rgb(27,75,70)
```
#225e58
```
#225e58 rgb(34,94,88)
```
#29716a
```
#29716a rgb(41,113,106)
```
#30837b
```
#30837b rgb(48,131,123)
```
#36968d
```
#36968d rgb(54,150,141)
```

Monochromatic Color

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

#225e49
```
#225e49 rgb(34,94,73)
```
#225e4e
```
#225e4e rgb(34,94,78)
```
#225e53
```
#225e53 rgb(34,94,83)
```
#225e58
```
#225e58 rgb(34,94,88)
```
#225e5d
```
#225e5d rgb(34,94,93)
```
#225a5e
```
#225a5e rgb(34,90,94)
```
#22555e
```
#22555e rgb(34,85,94)
```

Similar Colors

Text with hexadecimal color #225e58

This text has a font color of #225e58.

<span style="color:#225e58;">Text here</span>

#225e58 background color

This paragraph has a background color of #225e58.

<p style="background-color:#225e58;">Content here</p>

#225e58 border color

This element has a border color of #225e58.

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

CSS codes

.text {color:#225e58;}

.background {background-color:#225e58;}

.border {border:1px solid #225e58;}

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

#030807
```
#030807 rgb(3,8,7)
```
#081615
```
#081615 rgb(8,22,21)
```
#0d2422
```
#0d2422 rgb(13,36,34)
```
#123330
```
#123330 rgb(18,51,48)
```
#18413d
```
#18413d rgb(24,65,61)
```
#1d504b
```
#1d504b rgb(29,80,75)
```
#225e58
```
#225e58 rgb(34,94,88)
```
#276c65
```
#276c65 rgb(39,108,101)
```
#2c7b73
```
#2c7b73 rgb(44,123,115)
```
#328980
```
#328980 rgb(50,137,128)
```
#37988e
```
#37988e rgb(55,152,142)
```
#3ca69b
```
#3ca69b rgb(60,166,155)
```
#41b4a9
```
#41b4a9 rgb(65,180,169)
```

Shade Color Variation

#4bbeb3
```
#4bbeb3 rgb(75,190,179)
```
#5ac3b9
```
#5ac3b9 rgb(90,195,185)
```
#68c8bf
```
#68c8bf rgb(104,200,191)
```
#77cec5
```
#77cec5 rgb(119,206,197)
```
#85d3cb
```
#85d3cb rgb(133,211,203)
```
#93d8d1
```
#93d8d1 rgb(147,216,209)
```
#a2ddd7
```
#a2ddd7 rgb(162,221,215)
```
#b0e2dd
```
#b0e2dd rgb(176,226,221)
```
#bfe8e4
```
#bfe8e4 rgb(191,232,228)
```
#cdedea
```
#cdedea rgb(205,237,234)
```
#dbf2f0
```
#dbf2f0 rgb(219,242,240)
```
#eaf7f6
```
#eaf7f6 rgb(234,247,246)
```
#f8fdfc
```
#f8fdfc rgb(248,253,252)
```

Tint Color Variation

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

#404040
```
#404040 rgb(64,64,64)
```
#3b4544
```
#3b4544 rgb(59,69,68)
```
#364a48
```
#364a48 rgb(54,74,72)
```
#314f4c
```
#314f4c rgb(49,79,76)
```
#2c5450
```
#2c5450 rgb(44,84,80)
```
#275954
```
#275954 rgb(39,89,84)
```
#225e58
```
#225e58 rgb(34,94,88)
```
#1d635c
```
#1d635c rgb(29,99,92)
```
#186860
```
#186860 rgb(24,104,96)
```
#136d64
```
#136d64 rgb(19,109,100)
```
#0e7268
```
#0e7268 rgb(14,114,104)
```
#09776c
```
#09776c rgb(9,119,108)
```
#047c70
```
#047c70 rgb(4,124,112)
```

Tone Color Variation

Below, you can see how #225e58 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

#4b4b4b Achromatopsia 0.005% of the population
#434f4e Atypical Achromatopsia 0.001% of the population

Dichromacy

#5f5d5b Protanopia 1% of men
#635b64 Deuteranopia 1% of men
#33646b Tritanopia 0.001% of the population

Trichromacy

#495d5a Protanomaly 1% of men, 0.01% of women
#4b5c60 Deuteranomaly 6% of men, 0.4% of women
#2c6264 Tritanomaly 0.01% of the population

#225e58 hex color

#225e58 Color Information

#225e58 Color Conversion

Color Schemes with #225e58

Alternatives to #225e58

#225e58 Preview

Shades and Tints of #225e58

Tones of #225e58

Color Blindness Simulator