#225a58 hex color

In a RGB color space, hex #225a58 is composed of 13.3% red, 35.3% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 62.2% cyan, 0% magenta, 2.2% yellow and 64.7% black. It has a hue angle of 177.9 degrees, a saturation of 45.2% and a lightness of 24.3%. #225a58 color hex could be obtained by blending #44b4b0 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 13
- G 35
- B 35
RGB color chart
- C 62
- M 0
- Y 2
- K 65
CMYK color chart

● #225a58 color description : Very dark cyan.

The hexadecimal color #225a58 has RGB values of R:34, G:90, B:88 and CMYK values of C:0.62, M:0, Y:0.02, K:0.65. Its decimal value is 2251352.

Hex triplet	225a58	`#225a58`
RGB Decimal	34, 90, 88	`rgb(34,90,88)`
RGB Percent	13.3, 35.3, 34.5	`rgb(13.3%,35.3%,34.5%)`
CMYK	62, 0, 2, 65
HSL	177.9°, 45.2, 24.3	`hsl(177.9,45.2%,24.3%)`
HSV (or HSB)	177.9°, 62.2, 35.3
Web Safe	336666	`#336666`

CIE-LAB	34.715, -18.666, -4.348
XYZ	6.077, 8.357, 10.525
xyY	0.243, 0.335, 8.357
CIE-LCH	34.715, 19.165, 193.112
CIE-LUV	34.715, -21.985, -3.127
Hunter-Lab	28.908, -13.065, -1.351
Binary	00100010, 01011010, 01011000

#225a58
```
#225a58 rgb(34,90,88)
```
#5a2224
```
#5a2224 rgb(90,34,36)
```

Complementary Color

#225a3c
```
#225a3c rgb(34,90,60)
```
#225a58
```
#225a58 rgb(34,90,88)
```
#22405a
```
#22405a rgb(34,64,90)
```

Analogous Color

#5a3c22
```
#5a3c22 rgb(90,60,34)
```
#225a58
```
#225a58 rgb(34,90,88)
```
#5a2240
```
#5a2240 rgb(90,34,64)
```

Split Complementary Color

#5a5822
```
#5a5822 rgb(90,88,34)
```
#225a58
```
#225a58 rgb(34,90,88)
```
#58225a
```
#58225a rgb(88,34,90)
```

Triadic Color

#245a22
```
#245a22 rgb(36,90,34)
```
#225a58
```
#225a58 rgb(34,90,88)
```
#58225a
```
#58225a rgb(88,34,90)
```
#5a2224
```
#5a2224 rgb(90,34,36)
```

Tetradic Color

#0d2222
```
#0d2222 rgb(13,34,34)
```
#143534
```
#143534 rgb(20,53,52)
```
#1b4746
```
#1b4746 rgb(27,71,70)
```
#225a58
```
#225a58 rgb(34,90,88)
```
#296d6a
```
#296d6a rgb(41,109,106)
```
#307f7c
```
#307f7c rgb(48,127,124)
```
#37928e
```
#37928e rgb(55,146,142)
```

Monochromatic Color

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

#225a4a
```
#225a4a rgb(34,90,74)
```
#225a4f
```
#225a4f rgb(34,90,79)
```
#225a53
```
#225a53 rgb(34,90,83)
```
#225a58
```
#225a58 rgb(34,90,88)
```
#22575a
```
#22575a rgb(34,87,90)
```
#22535a
```
#22535a rgb(34,83,90)
```
#224e5a
```
#224e5a rgb(34,78,90)
```

Similar Colors

Text with hexadecimal color #225a58

This text has a font color of #225a58.

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

#225a58 background color

This paragraph has a background color of #225a58.

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

#225a58 border color

This element has a border color of #225a58.

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

CSS codes

.text {color:#225a58;}

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

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

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

#020504
```
#020504 rgb(2,5,4)
```
#071312
```
#071312 rgb(7,19,18)
```
#0c2120
```
#0c2120 rgb(12,33,32)
```
#122f2e
```
#122f2e rgb(18,47,46)
```
#173e3c
```
#173e3c rgb(23,62,60)
```
#1d4c4a
```
#1d4c4a rgb(29,76,74)
```
#225a58
```
#225a58 rgb(34,90,88)
```
#276866
```
#276866 rgb(39,104,102)
```
#2d7674
```
#2d7674 rgb(45,118,116)
```
#328582
```
#328582 rgb(50,133,130)
```
#389390
```
#389390 rgb(56,147,144)
```
#3da19e
```
#3da19e rgb(61,161,158)
```
#42afac
```
#42afac rgb(66,175,172)
```

Shade Color Variation

#4abbb7
```
#4abbb7 rgb(74,187,183)
```
#59c0bc
```
#59c0bc rgb(89,192,188)
```
#67c6c2
```
#67c6c2 rgb(103,198,194)
```
#75cbc8
```
#75cbc8 rgb(117,203,200)
```
#83d0ce
```
#83d0ce rgb(131,208,206)
```
#92d6d3
```
#92d6d3 rgb(146,214,211)
```
#a0dbd9
```
#a0dbd9 rgb(160,219,217)
```
#aee0df
```
#aee0df rgb(174,224,223)
```
#bce6e4
```
#bce6e4 rgb(188,230,228)
```
#cbebea
```
#cbebea rgb(203,235,234)
```
#d9f1f0
```
#d9f1f0 rgb(217,241,240)
```
#e7f6f5
```
#e7f6f5 rgb(231,246,245)
```
#f5fbfb
```
#f5fbfb rgb(245,251,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #3a4242 is the less saturated color, while #017b77 is the most saturated one.

#3a4242
```
#3a4242 rgb(58,66,66)
```
#354746
```
#354746 rgb(53,71,70)
```
#304c4b
```
#304c4b rgb(48,76,75)
```
#2c504f
```
#2c504f rgb(44,80,79)
```
#275554
```
#275554 rgb(39,85,84)
```
#225a58
```
#225a58 rgb(34,90,88)
```
#1d5f5c
```
#1d5f5c rgb(29,95,92)
```
#186461
```
#186461 rgb(24,100,97)
```
#146865
```
#146865 rgb(20,104,101)
```
#0f6d6a
```
#0f6d6a rgb(15,109,106)
```
#0a726e
```
#0a726e rgb(10,114,110)
```
#057773
```
#057773 rgb(5,119,115)
```
#017b77
```
#017b77 rgb(1,123,119)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#414c4c Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b5a5c Protanopia 1% of men
#5e5864 Deuteranopia 1% of men
#316168 Tritanopia 0.001% of the population

Trichromacy

#465a5a Protanomaly 1% of men, 0.01% of women
#48595f Deuteranomaly 6% of men, 0.4% of women
#2b5e62 Tritanomaly 0.01% of the population

#225a58 hex color

#225a58 Color Information

#225a58 Color Conversion

Color Schemes with #225a58

Alternatives to #225a58

#225a58 Preview

Shades and Tints of #225a58

Tones of #225a58

Color Blindness Simulator