#225d5c hex color

In a RGB color space, hex #225d5c is composed of 13.3% red, 36.5% green and 36.1% blue. Whereas in a CMYK color space, it is composed of 63.4% cyan, 0% magenta, 1.1% yellow and 63.5% black. It has a hue angle of 179 degrees, a saturation of 46.5% and a lightness of 24.9%. #225d5c color hex could be obtained by blending #44bab8 with #000000. Closest websafe color is: #336666.

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

● #225d5c color description : Very dark cyan.

The hexadecimal color #225d5c has RGB values of R:34, G:93, B:92 and CMYK values of C:0.63, M:0, Y:0.01, K:0.64. Its decimal value is 2252124.

Hex triplet	225d5c	`#225d5c`
RGB Decimal	34, 93, 92	`rgb(34,93,92)`
RGB Percent	13.3, 36.5, 36.1	`rgb(13.3%,36.5%,36.1%)`
CMYK	63, 0, 1, 64
HSL	179°, 46.5, 24.9	`hsl(179,46.5%,24.9%)`
HSV (or HSB)	179°, 63.4, 36.5
Web Safe	336666	`#336666`

CIE-LAB	35.87, -19.055, -5.128
XYZ	6.505, 8.941, 11.508
xyY	0.241, 0.332, 8.941
CIE-LCH	35.87, 19.733, 195.061
CIE-LUV	35.87, -22.975, -4.145
Hunter-Lab	29.901, -13.494, -1.887
Binary	00100010, 01011101, 01011100

#225d5c
```
#225d5c rgb(34,93,92)
```
#5d2223
```
#5d2223 rgb(93,34,35)
```

Complementary Color

#225d3f
```
#225d3f rgb(34,93,63)
```
#225d5c
```
#225d5c rgb(34,93,92)
```
#22415d
```
#22415d rgb(34,65,93)
```

Analogous Color

#5d3f22
```
#5d3f22 rgb(93,63,34)
```
#225d5c
```
#225d5c rgb(34,93,92)
```
#5d2241
```
#5d2241 rgb(93,34,65)
```

Split Complementary Color

#5d5c22
```
#5d5c22 rgb(93,92,34)
```
#225d5c
```
#225d5c rgb(34,93,92)
```
#5c225d
```
#5c225d rgb(92,34,93)
```

Triadic Color

#235d22
```
#235d22 rgb(35,93,34)
```
#225d5c
```
#225d5c rgb(34,93,92)
```
#5c225d
```
#5c225d rgb(92,34,93)
```
#5d2223
```
#5d2223 rgb(93,34,35)
```

Tetradic Color

#0e2525
```
#0e2525 rgb(14,37,37)
```
#143837
```
#143837 rgb(20,56,55)
```
#1b4a4a
```
#1b4a4a rgb(27,74,74)
```
#225d5c
```
#225d5c rgb(34,93,92)
```
#29706e
```
#29706e rgb(41,112,110)
```
#308281
```
#308281 rgb(48,130,129)
```
#369593
```
#369593 rgb(54,149,147)
```

Monochromatic Color

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

#225d4d
```
#225d4d rgb(34,93,77)
```
#225d52
```
#225d52 rgb(34,93,82)
```
#225d57
```
#225d57 rgb(34,93,87)
```
#225d5c
```
#225d5c rgb(34,93,92)
```
#22595d
```
#22595d rgb(34,89,93)
```
#22545d
```
#22545d rgb(34,84,93)
```
#224f5d
```
#224f5d rgb(34,79,93)
```

Similar Colors

Text with hexadecimal color #225d5c

This text has a font color of #225d5c.

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

#225d5c background color

This paragraph has a background color of #225d5c.

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

#225d5c border color

This element has a border color of #225d5c.

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

CSS codes

.text {color:#225d5c;}

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

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

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

#020707
```
#020707 rgb(2,7,7)
```
#081515
```
#081515 rgb(8,21,21)
```
#0d2423
```
#0d2423 rgb(13,36,35)
```
#123231
```
#123231 rgb(18,50,49)
```
#174040
```
#174040 rgb(23,64,64)
```
#1d4f4e
```
#1d4f4e rgb(29,79,78)
```
#225d5c
```
#225d5c rgb(34,93,92)
```
#276b6a
```
#276b6a rgb(39,107,106)
```
#2d7a78
```
#2d7a78 rgb(45,122,120)
```
#328887
```
#328887 rgb(50,136,135)
```
#379695
```
#379695 rgb(55,150,149)
```
#3ca5a3
```
#3ca5a3 rgb(60,165,163)
```
#42b3b1
```
#42b3b1 rgb(66,179,177)
```

Shade Color Variation

#4bbdbb
```
#4bbdbb rgb(75,189,187)
```
#59c2c1
```
#59c2c1 rgb(89,194,193)
```
#68c8c6
```
#68c8c6 rgb(104,200,198)
```
#76cdcc
```
#76cdcc rgb(118,205,204)
```
#85d2d1
```
#85d2d1 rgb(133,210,209)
```
#93d7d6
```
#93d7d6 rgb(147,215,214)
```
#a1dddc
```
#a1dddc rgb(161,221,220)
```
#b0e2e1
```
#b0e2e1 rgb(176,226,225)
```
#bee7e7
```
#bee7e7 rgb(190,231,231)
```
#ccecec
```
#ccecec rgb(204,236,236)
```
#dbf2f1
```
#dbf2f1 rgb(219,242,241)
```
#e9f7f7
```
#e9f7f7 rgb(233,247,247)
```
#f7fcfc
```
#f7fcfc rgb(247,252,252)
```

Tint Color Variation

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

#3f4040
```
#3f4040 rgb(63,64,64)
```
#3a4544
```
#3a4544 rgb(58,69,68)
```
#364949
```
#364949 rgb(54,73,73)
```
#314e4e
```
#314e4e rgb(49,78,78)
```
#2c5353
```
#2c5353 rgb(44,83,83)
```
#275857
```
#275857 rgb(39,88,87)
```
#225d5c
```
#225d5c rgb(34,93,92)
```
#1d6261
```
#1d6261 rgb(29,98,97)
```
#186765
```
#186765 rgb(24,103,101)
```
#136c6a
```
#136c6a rgb(19,108,106)
```
#0e716f
```
#0e716f rgb(14,113,111)
```
#0a7574
```
#0a7574 rgb(10,117,116)
```
#057a78
```
#057a78 rgb(5,122,120)
```

Tone Color Variation

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

#5e5c5f Protanopia 1% of men
#605b68 Deuteranopia 1% of men
#31646b Tritanopia 0.001% of the population

Trichromacy

#485c5e Protanomaly 1% of men, 0.01% of women
#495b63 Deuteranomaly 6% of men, 0.4% of women
#2b6165 Tritanomaly 0.01% of the population

#225d5c hex color

#225d5c Color Information

#225d5c Color Conversion

Color Schemes with #225d5c

Alternatives to #225d5c

#225d5c Preview

Shades and Tints of #225d5c

Tones of #225d5c

Color Blindness Simulator