colorhexa.com

#225a62 hex color

In a RGB color space, hex #225a62 is composed of 13.3% red, 35.3% green and 38.4% blue. Whereas in a CMYK color space, it is composed of 65.3% cyan, 8.2% magenta, 0% yellow and 61.6% black. It has a hue angle of 187.5 degrees, a saturation of 48.5% and a lightness of 25.9%. #225a62 color hex could be obtained by blending #44b4c4 with #000000. Closest websafe color is: #336666.

- R 13
- G 35
- B 38
RGB color chart
- C 65
- M 8
- Y 0
- K 62
CMYK color chart

● #225a62 color description : Very dark cyan.

The hexadecimal color #225a62 has RGB values of R:34, G:90, B:98 and CMYK values of C:0.65, M:0.08, Y:0, K:0.62. Its decimal value is 2251362.

Hex triplet	225a62	`#225a62`
RGB Decimal	34, 90, 98	`rgb(34,90,98)`
RGB Percent	13.3, 35.3, 38.4	`rgb(13.3%,35.3%,38.4%)`
CMYK	65, 8, 0, 62
HSL	187.5°, 48.5, 25.9	`hsl(187.5,48.5%,25.9%)`
HSV (or HSB)	187.5°, 65.3, 38.4
Web Safe	336666	`#336666`

CIE-LAB	35.071, -15.455, -10.07
XYZ	6.52, 8.534, 12.858
xyY	0.234, 0.306, 8.534
CIE-LCH	35.071, 18.446, 213.087
CIE-LUV	35.071, -21.51, -11.235
Hunter-Lab	29.213, -11.283, -5.648
Binary	00100010, 01011010, 01100010

#225a62
```
#225a62 rgb(34,90,98)
```
#622a22
```
#622a22 rgb(98,42,34)
```

Complementary Color

#22624a
```
#22624a rgb(34,98,74)
```
#225a62
```
#225a62 rgb(34,90,98)
```
#223a62
```
#223a62 rgb(34,58,98)
```

Analogous Color

#624a22
```
#624a22 rgb(98,74,34)
```
#225a62
```
#225a62 rgb(34,90,98)
```
#62223a
```
#62223a rgb(98,34,58)
```

Split Complementary Color

#0e2629
```
#0e2629 rgb(14,38,41)
```
#15373c
```
#15373c rgb(21,55,60)
```
#1b494f
```
#1b494f rgb(27,73,79)
```
#225a62
```
#225a62 rgb(34,90,98)
```
#296b75
```
#296b75 rgb(41,107,117)
```
#2f7d88
```
#2f7d88 rgb(47,125,136)
```
#368e9b
```
#368e9b rgb(54,142,155)
```

Monochromatic Color

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

#22625a
```
#22625a rgb(34,98,90)
```
#22625f
```
#22625f rgb(34,98,95)
```
#225f62
```
#225f62 rgb(34,95,98)
```
#225a62
```
#225a62 rgb(34,90,98)
```
#225562
```
#225562 rgb(34,85,98)
```
#224f62
```
#224f62 rgb(34,79,98)
```
#224a62
```
#224a62 rgb(34,74,98)
```

Similar Colors

Text with hexadecimal color #225a62

This text has a font color of #225a62.

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

#225a62 background color

This paragraph has a background color of #225a62.

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

#225a62 border color

This element has a border color of #225a62.

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

CSS codes

.text {color:#225a62;}

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

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

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, #040a0b is the darkest color, while #fbfdfe is the lightest one.

#040a0b
```
#040a0b rgb(4,10,11)
```
#091719
```
#091719 rgb(9,23,25)
```
#0e2528
```
#0e2528 rgb(14,37,40)
```
#133236
```
#133236 rgb(19,50,54)
```
#183f45
```
#183f45 rgb(24,63,69)
```
#1d4d53
```
#1d4d53 rgb(29,77,83)
```
#225a62
```
#225a62 rgb(34,90,98)
```
#276771
```
#276771 rgb(39,103,113)
```
#2c757f
```
#2c757f rgb(44,117,127)
```
#31828e
```
#31828e rgb(49,130,142)
```
#368f9c
```
#368f9c rgb(54,143,156)
```
#3b9dab
```
#3b9dab rgb(59,157,171)
```
#40aab9
```
#40aab9 rgb(64,170,185)
```

Shade Color Variation

#4cb2c1
```
#4cb2c1 rgb(76,178,193)
```
#5bb9c6
```
#5bb9c6 rgb(91,185,198)
```
#69bfcb
```
#69bfcb rgb(105,191,203)
```
#78c5d0
```
#78c5d0 rgb(120,197,208)
```
#87cbd5
```
#87cbd5 rgb(135,203,213)
```
#95d2da
```
#95d2da rgb(149,210,218)
```
#a4d8df
```
#a4d8df rgb(164,216,223)
```
#b2dee4
```
#b2dee4 rgb(178,222,228)
```
#c1e4e9
```
#c1e4e9 rgb(193,228,233)
```
#cfebee
```
#cfebee rgb(207,235,238)
```
#def1f4
```
#def1f4 rgb(222,241,244)
```
#ecf7f9
```
#ecf7f9 rgb(236,247,249)
```
#fbfdfe
```
#fbfdfe rgb(251,253,254)
```

Tint Color Variation

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

#404344
```
#404344 rgb(64,67,68)
```
#3b4749
```
#3b4749 rgb(59,71,73)
```
#364b4e
```
#364b4e rgb(54,75,78)
```
#314f53
```
#314f53 rgb(49,79,83)
```
#2c5258
```
#2c5258 rgb(44,82,88)
```
#27565d
```
#27565d rgb(39,86,93)
```
#225a62
```
#225a62 rgb(34,90,98)
```
#1d5e67
```
#1d5e67 rgb(29,94,103)
```
#18626c
```
#18626c rgb(24,98,108)
```
#136571
```
#136571 rgb(19,101,113)
```
#0e6976
```
#0e6976 rgb(14,105,118)
```
#096d7b
```
#096d7b rgb(9,109,123)
```
#047180
```
#047180 rgb(4,113,128)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#424d4f Atypical Achromatopsia 0.001% of the population

Dichromacy

#595a65 Protanopia 1% of men
#5a596d Deuteranopia 1% of men
#2d6269 Tritanopia 0.001% of the population

Trichromacy

#455a64 Protanomaly 1% of men, 0.01% of women
#455969 Deuteranomaly 6% of men, 0.4% of women
#295f67 Tritanomaly 0.01% of the population