#225561 hex color

In a RGB color space, hex #225561 is composed of 13.3% red, 33.3% green and 38% blue. Whereas in a CMYK color space, it is composed of 64.9% cyan, 12.4% magenta, 0% yellow and 62% black. It has a hue angle of 191.4 degrees, a saturation of 48.1% and a lightness of 25.7%. #225561 color hex could be obtained by blending #44aac2 with #000000. Closest websafe color is: #336666.

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

● #225561 color description : Very dark cyan.

The hexadecimal color #225561 has RGB values of R:34, G:85, B:97 and CMYK values of C:0.65, M:0.12, Y:0, K:0.62. Its decimal value is 2250081.

Hex triplet	225561	`#225561`
RGB Decimal	34, 85, 97	`rgb(34,85,97)`
RGB Percent	13.3, 33.3, 38	`rgb(13.3%,33.3%,38%)`
CMYK	65, 12, 0, 62
HSL	191.4°, 48.1, 25.7	`hsl(191.4,48.1%,25.7%)`
HSV (or HSB)	191.4°, 64.9, 38
Web Safe	336666	`#336666`

CIE-LAB	33.349, -12.908, -12.053
XYZ	6.065, 7.7, 12.475
xyY	0.231, 0.293, 7.7
CIE-LCH	33.349, 17.66, 223.04
CIE-LUV	33.349, -19.614, -14.076
Hunter-Lab	27.748, -9.543, -7.232
Binary	00100010, 01010101, 01100001

#225561
```
#225561 rgb(34,85,97)
```
#612e22
```
#612e22 rgb(97,46,34)
```

Complementary Color

#22614e
```
#22614e rgb(34,97,78)
```
#225561
```
#225561 rgb(34,85,97)
```
#223661
```
#223661 rgb(34,54,97)
```

Analogous Color

#614e22
```
#614e22 rgb(97,78,34)
```
#225561
```
#225561 rgb(34,85,97)
```
#612236
```
#612236 rgb(97,34,54)
```

Split Complementary Color

#556122
```
#556122 rgb(85,97,34)
```
#225561
```
#225561 rgb(34,85,97)
```
#612255
```
#612255 rgb(97,34,85)
```

Triadic Color

#22612e
```
#22612e rgb(34,97,46)
```
#225561
```
#225561 rgb(34,85,97)
```
#612255
```
#612255 rgb(97,34,85)
```
#612e22
```
#612e22 rgb(97,46,34)
```

Tetradic Color

#0e2328
```
#0e2328 rgb(14,35,40)
```
#15343b
```
#15343b rgb(21,52,59)
```
#1b444e
```
#1b444e rgb(27,68,78)
```
#225561
```
#225561 rgb(34,85,97)
```
#296674
```
#296674 rgb(41,102,116)
```
#2f7687
```
#2f7687 rgb(47,118,135)
```
#36879a
```
#36879a rgb(54,135,154)
```

Monochromatic Color

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

#22615d
```
#22615d rgb(34,97,93)
```
#226061
```
#226061 rgb(34,96,97)
```
#225a61
```
#225a61 rgb(34,90,97)
```
#225561
```
#225561 rgb(34,85,97)
```
#225061
```
#225061 rgb(34,80,97)
```
#224b61
```
#224b61 rgb(34,75,97)
```
#224561
```
#224561 rgb(34,69,97)
```

Similar Colors

Text with hexadecimal color #225561

This text has a font color of #225561.

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

#225561 background color

This paragraph has a background color of #225561.

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

#225561 border color

This element has a border color of #225561.

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

CSS codes

.text {color:#225561;}

.background {background-color:#225561;}

.border {border:1px solid #225561;}

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, #03090a is the darkest color, while #fafdfd is the lightest one.

#03090a
```
#03090a rgb(3,9,10)
```
#091518
```
#091518 rgb(9,21,24)
```
#0e2227
```
#0e2227 rgb(14,34,39)
```
#132f35
```
#132f35 rgb(19,47,53)
```
#183c44
```
#183c44 rgb(24,60,68)
```
#1d4852
```
#1d4852 rgb(29,72,82)
```
#225561
```
#225561 rgb(34,85,97)
```
#276270
```
#276270 rgb(39,98,112)
```
#2c6e7e
```
#2c6e7e rgb(44,110,126)
```
#317b8d
```
#317b8d rgb(49,123,141)
```
#36889b
```
#36889b rgb(54,136,155)
```
#3b95aa
```
#3b95aa rgb(59,149,170)
```
#41a1b8
```
#41a1b8 rgb(65,161,184)
```

Shade Color Variation

#4caac0
```
#4caac0 rgb(76,170,192)
```
#5bb1c5
```
#5bb1c5 rgb(91,177,197)
```
#69b8ca
```
#69b8ca rgb(105,184,202)
```
#78bfd0
```
#78bfd0 rgb(120,191,208)
```
#86c6d5
```
#86c6d5 rgb(134,198,213)
```
#95cdda
```
#95cdda rgb(149,205,218)
```
#a3d3df
```
#a3d3df rgb(163,211,223)
```
#b2dae4
```
#b2dae4 rgb(178,218,228)
```
#c0e1e9
```
#c0e1e9 rgb(192,225,233)
```
#cfe8ee
```
#cfe8ee rgb(207,232,238)
```
#ddeff3
```
#ddeff3 rgb(221,239,243)
```
#ecf6f8
```
#ecf6f8 rgb(236,246,248)
```
#fafdfd
```
#fafdfd rgb(250,253,253)
```

Tint Color Variation

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

#404243
```
#404243 rgb(64,66,67)
```
#3b4548
```
#3b4548 rgb(59,69,72)
```
#36494d
```
#36494d rgb(54,73,77)
```
#314c52
```
#314c52 rgb(49,76,82)
```
#2c4f57
```
#2c4f57 rgb(44,79,87)
```
#27525c
```
#27525c rgb(39,82,92)
```
#225561
```
#225561 rgb(34,85,97)
```
#1d5866
```
#1d5866 rgb(29,88,102)
```
#185b6b
```
#185b6b rgb(24,91,107)
```
#135e70
```
#135e70 rgb(19,94,112)
```
#0e6175
```
#0e6175 rgb(14,97,117)
```
#09657a
```
#09657a rgb(9,101,122)
```
#04687f
```
#04687f rgb(4,104,127)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#404a4c Atypical Achromatopsia 0.001% of the population

Dichromacy

#545664 Protanopia 1% of men
#54566c Deuteranopia 1% of men
#2b5e65 Tritanopia 0.001% of the population

Trichromacy

#425663 Protanomaly 1% of men, 0.01% of women
#425568 Deuteranomaly 6% of men, 0.4% of women
#275b63 Tritanomaly 0.01% of the population

#225561 hex color

#225561 Color Information

#225561 Color Conversion

Color Schemes with #225561

Alternatives to #225561

#225561 Preview

Shades and Tints of #225561

Tones of #225561

Color Blindness Simulator