#225f53 hex color

In a RGB color space, hex #225f53 is composed of 13.3% red, 37.3% green and 32.5% blue. Whereas in a CMYK color space, it is composed of 64.2% cyan, 0% magenta, 12.6% yellow and 62.7% black. It has a hue angle of 168.2 degrees, a saturation of 47.3% and a lightness of 25.3%. #225f53 color hex could be obtained by blending #44bea6 with #000000. Closest websafe color is: #336666.

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

● #225f53 color description : Very dark cyan.

The hexadecimal color #225f53 has RGB values of R:34, G:95, B:83 and CMYK values of C:0.64, M:0, Y:0.13, K:0.63. Its decimal value is 2252627.

Hex triplet	225f53	`#225f53`
RGB Decimal	34, 95, 83	`rgb(34,95,83)`
RGB Percent	13.3, 37.3, 32.5	`rgb(13.3%,37.3%,32.5%)`
CMYK	64, 0, 13, 63
HSL	168.2°, 47.3, 25.3	`hsl(168.2,47.3%,25.3%)`
HSV (or HSB)	168.2°, 64.2, 37.3
Web Safe	336666	`#336666`

CIE-LAB	36.269, -22.81, 1.052
XYZ	6.313, 9.149, 9.616
xyY	0.252, 0.365, 9.149
CIE-LCH	36.269, 22.834, 177.359
CIE-LUV	36.269, -24.218, 4.377
Hunter-Lab	30.247, -15.677, 2.322
Binary	00100010, 01011111, 01010011

#225f53
```
#225f53 rgb(34,95,83)
```
#5f222e
```
#5f222e rgb(95,34,46)
```

Complementary Color

#225f35
```
#225f35 rgb(34,95,53)
```
#225f53
```
#225f53 rgb(34,95,83)
```
#224d5f
```
#224d5f rgb(34,77,95)
```

Analogous Color

#5f3522
```
#5f3522 rgb(95,53,34)
```
#225f53
```
#225f53 rgb(34,95,83)
```
#5f224d
```
#5f224d rgb(95,34,77)
```

Split Complementary Color

#5f5322
```
#5f5322 rgb(95,83,34)
```
#225f53
```
#225f53 rgb(34,95,83)
```
#53225f
```
#53225f rgb(83,34,95)
```

Triadic Color

#2e5f22
```
#2e5f22 rgb(46,95,34)
```
#225f53
```
#225f53 rgb(34,95,83)
```
#53225f
```
#53225f rgb(83,34,95)
```
#5f222e
```
#5f222e rgb(95,34,46)
```

Tetradic Color

#0e2722
```
#0e2722 rgb(14,39,34)
```
#153932
```
#153932 rgb(21,57,50)
```
#1b4c43
```
#1b4c43 rgb(27,76,67)
```
#225f53
```
#225f53 rgb(34,95,83)
```
#297263
```
#297263 rgb(41,114,99)
```
#2f8574
```
#2f8574 rgb(47,133,116)
```
#369784
```
#369784 rgb(54,151,132)
```

Monochromatic Color

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

#225f44
```
#225f44 rgb(34,95,68)
```
#225f49
```
#225f49 rgb(34,95,73)
```
#225f4e
```
#225f4e rgb(34,95,78)
```
#225f53
```
#225f53 rgb(34,95,83)
```
#225f58
```
#225f58 rgb(34,95,88)
```
#225f5d
```
#225f5d rgb(34,95,93)
```
#225c5f
```
#225c5f rgb(34,92,95)
```

Similar Colors

Text with hexadecimal color #225f53

This text has a font color of #225f53.

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

#225f53 background color

This paragraph has a background color of #225f53.

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

#225f53 border color

This element has a border color of #225f53.

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

CSS codes

.text {color:#225f53;}

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

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

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 #f9fdfc is the lightest one.

#030807
```
#030807 rgb(3,8,7)
```
#081714
```
#081714 rgb(8,23,20)
```
#0d2521
```
#0d2521 rgb(13,37,33)
```
#12342d
```
#12342d rgb(18,52,45)
```
#18423a
```
#18423a rgb(24,66,58)
```
#1d5146
```
#1d5146 rgb(29,81,70)
```
#225f53
```
#225f53 rgb(34,95,83)
```
#276d60
```
#276d60 rgb(39,109,96)
```
#2c7c6c
```
#2c7c6c rgb(44,124,108)
```
#328a79
```
#328a79 rgb(50,138,121)
```
#379985
```
#379985 rgb(55,153,133)
```
#3ca792
```
#3ca792 rgb(60,167,146)
```
#41b69f
```
#41b69f rgb(65,182,159)
```

Shade Color Variation

#4cbfa8
```
#4cbfa8 rgb(76,191,168)
```
#5ac4af
```
#5ac4af rgb(90,196,175)
```
#68c9b6
```
#68c9b6 rgb(104,201,182)
```
#77cebd
```
#77cebd rgb(119,206,189)
```
#85d3c4
```
#85d3c4 rgb(133,211,196)
```
#94d9cb
```
#94d9cb rgb(148,217,203)
```
#a2ded2
```
#a2ded2 rgb(162,222,210)
```
#b1e3d9
```
#b1e3d9 rgb(177,227,217)
```
#bfe8e0
```
#bfe8e0 rgb(191,232,224)
```
#ceede7
```
#ceede7 rgb(206,237,231)
```
#dcf2ee
```
#dcf2ee rgb(220,242,238)
```
#eaf8f5
```
#eaf8f5 rgb(234,248,245)
```
#f9fdfc
```
#f9fdfc rgb(249,253,252)
```

Tint Color Variation

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

#404141
```
#404141 rgb(64,65,65)
```
#3b4644
```
#3b4644 rgb(59,70,68)
```
#364b47
```
#364b47 rgb(54,75,71)
```
#31504a
```
#31504a rgb(49,80,74)
```
#2c554d
```
#2c554d rgb(44,85,77)
```
#275a50
```
#275a50 rgb(39,90,80)
```
#225f53
```
#225f53 rgb(34,95,83)
```
#1d6456
```
#1d6456 rgb(29,100,86)
```
#186959
```
#186959 rgb(24,105,89)
```
#136e5c
```
#136e5c rgb(19,110,92)
```
#0e735f
```
#0e735f rgb(14,115,95)
```
#097862
```
#097862 rgb(9,120,98)
```
#047d65
```
#047d65 rgb(4,125,101)
```

Tone Color Variation

Below, you can see how #225f53 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
#434f4d Atypical Achromatopsia 0.001% of the population

Dichromacy

#615d57 Protanopia 1% of men
#655b60 Deuteranopia 1% of men
#35646c Tritanopia 0.001% of the population

Trichromacy

#4a5e55 Protanomaly 1% of men, 0.01% of women
#4d5c5b Deuteranomaly 6% of men, 0.4% of women
#2e6263 Tritanomaly 0.01% of the population

#225f53 hex color

#225f53 Color Information

#225f53 Color Conversion

Color Schemes with #225f53

Alternatives to #225f53

#225f53 Preview

Shades and Tints of #225f53

Tones of #225f53

Color Blindness Simulator