#225d4c hex color

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

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

● #225d4c color description : Very dark cyan - lime green.

The hexadecimal color #225d4c has RGB values of R:34, G:93, B:76 and CMYK values of C:0.63, M:0, Y:0.18, K:0.64. Its decimal value is 2252108.

Hex triplet	225d4c	`#225d4c`
RGB Decimal	34, 93, 76	`rgb(34,93,76)`
RGB Percent	13.3, 36.5, 29.8	`rgb(13.3%,36.5%,29.8%)`
CMYK	63, 0, 18, 64
HSL	162.7°, 46.5, 24.9	`hsl(162.7,46.5%,24.9%)`
HSV (or HSB)	162.7°, 63.4, 36.5
Web Safe	336633	`#336633`

CIE-LAB	35.381, -23.74, 4.112
XYZ	5.878, 8.69, 8.205
xyY	0.258, 0.382, 8.69
CIE-LCH	35.381, 24.093, 170.173
CIE-LUV	35.381, -23.76, 8.241
Hunter-Lab	29.479, -15.995, 4.134
Binary	00100010, 01011101, 01001100

#225d4c
```
#225d4c rgb(34,93,76)
```
#5d2233
```
#5d2233 rgb(93,34,51)
```

Complementary Color

#225d2f
```
#225d2f rgb(34,93,47)
```
#225d4c
```
#225d4c rgb(34,93,76)
```
#22515d
```
#22515d rgb(34,81,93)
```

Analogous Color

#5d2f22
```
#5d2f22 rgb(93,47,34)
```
#225d4c
```
#225d4c rgb(34,93,76)
```
#5d2251
```
#5d2251 rgb(93,34,81)
```

Split Complementary Color

#5d4c22
```
#5d4c22 rgb(93,76,34)
```
#225d4c
```
#225d4c rgb(34,93,76)
```
#4c225d
```
#4c225d rgb(76,34,93)
```

Triadic Color

#335d22
```
#335d22 rgb(51,93,34)
```
#225d4c
```
#225d4c rgb(34,93,76)
```
#4c225d
```
#4c225d rgb(76,34,93)
```
#5d2233
```
#5d2233 rgb(93,34,51)
```

Tetradic Color

#0e251e
```
#0e251e rgb(14,37,30)
```
#14382d
```
#14382d rgb(20,56,45)
```
#1b4a3d
```
#1b4a3d rgb(27,74,61)
```
#225d4c
```
#225d4c rgb(34,93,76)
```
#29705b
```
#29705b rgb(41,112,91)
```
#30826b
```
#30826b rgb(48,130,107)
```
#36957a
```
#36957a rgb(54,149,122)
```

Monochromatic Color

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

#225d3d
```
#225d3d rgb(34,93,61)
```
#225d42
```
#225d42 rgb(34,93,66)
```
#225d47
```
#225d47 rgb(34,93,71)
```
#225d4c
```
#225d4c rgb(34,93,76)
```
#225d51
```
#225d51 rgb(34,93,81)
```
#225d56
```
#225d56 rgb(34,93,86)
```
#225d5b
```
#225d5b rgb(34,93,91)
```

Similar Colors

Text with hexadecimal color #225d4c

This text has a font color of #225d4c.

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

#225d4c background color

This paragraph has a background color of #225d4c.

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

#225d4c border color

This element has a border color of #225d4c.

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

CSS codes

.text {color:#225d4c;}

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

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

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

#020706
```
#020706 rgb(2,7,6)
```
#081511
```
#081511 rgb(8,21,17)
```
#0d241d
```
#0d241d rgb(13,36,29)
```
#123229
```
#123229 rgb(18,50,41)
```
#174035
```
#174035 rgb(23,64,53)
```
#1d4f40
```
#1d4f40 rgb(29,79,64)
```
#225d4c
```
#225d4c rgb(34,93,76)
```
#276b58
```
#276b58 rgb(39,107,88)
```
#2d7a63
```
#2d7a63 rgb(45,122,99)
```
#32886f
```
#32886f rgb(50,136,111)
```
#37967b
```
#37967b rgb(55,150,123)
```
#3ca587
```
#3ca587 rgb(60,165,135)
```
#42b392
```
#42b392 rgb(66,179,146)
```

Shade Color Variation

#4bbd9c
```
#4bbd9c rgb(75,189,156)
```
#59c2a4
```
#59c2a4 rgb(89,194,164)
```
#68c8ac
```
#68c8ac rgb(104,200,172)
```
#76cdb4
```
#76cdb4 rgb(118,205,180)
```
#85d2bc
```
#85d2bc rgb(133,210,188)
```
#93d7c4
```
#93d7c4 rgb(147,215,196)
```
#a1ddcc
```
#a1ddcc rgb(161,221,204)
```
#b0e2d3
```
#b0e2d3 rgb(176,226,211)
```
#bee7db
```
#bee7db rgb(190,231,219)
```
#ccece3
```
#ccece3 rgb(204,236,227)
```
#dbf2eb
```
#dbf2eb rgb(219,242,235)
```
#e9f7f3
```
#e9f7f3 rgb(233,247,243)
```
#f7fcfb
```
#f7fcfb rgb(247,252,251)
```

Tint Color Variation

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

#3f4040
```
#3f4040 rgb(63,64,64)
```
#3a4542
```
#3a4542 rgb(58,69,66)
```
#364944
```
#364944 rgb(54,73,68)
```
#314e46
```
#314e46 rgb(49,78,70)
```
#2c5348
```
#2c5348 rgb(44,83,72)
```
#27584a
```
#27584a rgb(39,88,74)
```
#225d4c
```
#225d4c rgb(34,93,76)
```
#1d624e
```
#1d624e rgb(29,98,78)
```
#186750
```
#186750 rgb(24,103,80)
```
#136c52
```
#136c52 rgb(19,108,82)
```
#0e7154
```
#0e7154 rgb(14,113,84)
```
#0a7556
```
#0a7556 rgb(10,117,86)
```
#057a58
```
#057a58 rgb(5,122,88)
```

Tone Color Variation

Below, you can see how #225d4c 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
#414d4a Atypical Achromatopsia 0.001% of the population

Dichromacy

#605b50 Protanopia 1% of men
#655959 Deuteranopia 1% of men
#366269 Tritanopia 0.001% of the population

Trichromacy

#495c4f Protanomaly 1% of men, 0.01% of women
#4d5a54 Deuteranomaly 6% of men, 0.4% of women
#2e605e Tritanomaly 0.01% of the population

#225d4c hex color

#225d4c Color Information

#225d4c Color Conversion

Color Schemes with #225d4c

Alternatives to #225d4c

#225d4c Preview

Shades and Tints of #225d4c

Tones of #225d4c

Color Blindness Simulator