#225f77 hex color

In a RGB color space, hex #225f77 is composed of 13.3% red, 37.3% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 71.4% cyan, 20.2% magenta, 0% yellow and 53.3% black. It has a hue angle of 196.9 degrees, a saturation of 55.6% and a lightness of 30%. #225f77 color hex could be obtained by blending #44beee with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 13
- G 37
- B 47
RGB color chart
- C 71
- M 20
- Y 0
- K 53
CMYK color chart

● #225f77 color description : Dark blue.

The hexadecimal color #225f77 has RGB values of R:34, G:95, B:119 and CMYK values of C:0.71, M:0.2, Y:0, K:0.53. Its decimal value is 2252663.

Hex triplet	225f77	`#225f77`
RGB Decimal	34, 95, 119	`rgb(34,95,119)`
RGB Percent	13.3, 37.3, 46.7	`rgb(13.3%,37.3%,46.7%)`
CMYK	71, 20, 0, 53
HSL	196.9°, 55.6, 30	`hsl(196.9,55.6%,30%)`
HSV (or HSB)	196.9°, 71.4, 46.7
Web Safe	336666	`#336666`

CIE-LAB	37.582, -11.1, -19.238
XYZ	8.081, 9.856, 18.928
xyY	0.219, 0.267, 9.856
CIE-LCH	37.582, 22.211, 240.015
CIE-LUV	37.582, -22.413, -25.07
Hunter-Lab	31.394, -8.993, -13.772
Binary	00100010, 01011111, 01110111

#225f77
```
#225f77 rgb(34,95,119)
```
#773a22
```
#773a22 rgb(119,58,34)
```

Complementary Color

#227765
```
#227765 rgb(34,119,101)
```
#225f77
```
#225f77 rgb(34,95,119)
```
#223577
```
#223577 rgb(34,53,119)
```

Analogous Color

#776522
```
#776522 rgb(119,101,34)
```
#225f77
```
#225f77 rgb(34,95,119)
```
#772235
```
#772235 rgb(119,34,53)
```

Split Complementary Color

#5f7722
```
#5f7722 rgb(95,119,34)
```
#225f77
```
#225f77 rgb(34,95,119)
```
#77225f
```
#77225f rgb(119,34,95)
```

Triadic Color

#22773a
```
#22773a rgb(34,119,58)
```
#225f77
```
#225f77 rgb(34,95,119)
```
#77225f
```
#77225f rgb(119,34,95)
```
#773a22
```
#773a22 rgb(119,58,34)
```

Tetradic Color

#11303c
```
#11303c rgb(17,48,60)
```
#173f4f
```
#173f4f rgb(23,63,79)
```
#1c4f63
```
#1c4f63 rgb(28,79,99)
```
#225f77
```
#225f77 rgb(34,95,119)
```
#286f8b
```
#286f8b rgb(40,111,139)
```
#2d7f9f
```
#2d7f9f rgb(45,127,159)
```
#338fb3
```
#338fb3 rgb(51,143,179)
```

Monochromatic Color

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

#227477
```
#227477 rgb(34,116,119)
```
#226d77
```
#226d77 rgb(34,109,119)
```
#226677
```
#226677 rgb(34,102,119)
```
#225f77
```
#225f77 rgb(34,95,119)
```
#225877
```
#225877 rgb(34,88,119)
```
#225177
```
#225177 rgb(34,81,119)
```
#224a77
```
#224a77 rgb(34,74,119)
```

Similar Colors

Text with hexadecimal color #225f77

This text has a font color of #225f77.

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

#225f77 background color

This paragraph has a background color of #225f77.

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

#225f77 border color

This element has a border color of #225f77.

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

CSS codes

.text {color:#225f77;}

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

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

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, #030a0c is the darkest color, while #fcfefe is the lightest one.

#030a0c
```
#030a0c rgb(3,10,12)
```
#08161b
```
#08161b rgb(8,22,27)
```
#0c222b
```
#0c222b rgb(12,34,43)
```
#112e3a
```
#112e3a rgb(17,46,58)
```
#153a49
```
#153a49 rgb(21,58,73)
```
#194758
```
#194758 rgb(25,71,88)
```
#1e5368
```
#1e5368 rgb(30,83,104)
```
#225f77
```
#225f77 rgb(34,95,119)
```
#266b86
```
#266b86 rgb(38,107,134)
```
#2b7796
```
#2b7796 rgb(43,119,150)
```
#2f84a5
```
#2f84a5 rgb(47,132,165)
```
#3390b4
```
#3390b4 rgb(51,144,180)
```
#389cc3
```
#389cc3 rgb(56,156,195)
```

Shade Color Variation

#45a4ca
```
#45a4ca rgb(69,164,202)
```
#54acce
```
#54acce rgb(84,172,206)
```
#63b3d3
```
#63b3d3 rgb(99,179,211)
```
#73bbd7
```
#73bbd7 rgb(115,187,215)
```
#82c2db
```
#82c2db rgb(130,194,219)
```
#91c9e0
```
#91c9e0 rgb(145,201,224)
```
#a0d1e4
```
#a0d1e4 rgb(160,209,228)
```
#b0d8e8
```
#b0d8e8 rgb(176,216,232)
```
#bfe0ed
```
#bfe0ed rgb(191,224,237)
```
#cee7f1
```
#cee7f1 rgb(206,231,241)
```
#ddeff5
```
#ddeff5 rgb(221,239,245)
```
#edf6fa
```
#edf6fa rgb(237,246,250)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Tint Color Variation

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

#4b4d4e
```
#4b4d4e rgb(75,77,78)
```
#455054
```
#455054 rgb(69,80,84)
```
#3f525a
```
#3f525a rgb(63,82,90)
```
#3a555f
```
#3a555f rgb(58,85,95)
```
#345765
```
#345765 rgb(52,87,101)
```
#2e5a6b
```
#2e5a6b rgb(46,90,107)
```
#285c71
```
#285c71 rgb(40,92,113)
```
#225f77
```
#225f77 rgb(34,95,119)
```
#1c627d
```
#1c627d rgb(28,98,125)
```
#166483
```
#166483 rgb(22,100,131)
```
#106789
```
#106789 rgb(16,103,137)
```
#0a698f
```
#0a698f rgb(10,105,143)
```
#056c94
```
#056c94 rgb(5,108,148)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#465257 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5a6079 Protanopia 1% of men
#565f80 Deuteranopia 1% of men
#236971 Tritanopia 0.001% of the population

Trichromacy

#455f78 Protanomaly 1% of men, 0.01% of women
#435f7d Deuteranomaly 6% of men, 0.4% of women
#226573 Tritanomaly 0.01% of the population

#225f77 hex color

#225f77 Color Information

#225f77 Color Conversion

Color Schemes with #225f77

Alternatives to #225f77

#225f77 Preview

Shades and Tints of #225f77

Tones of #225f77

Color Blindness Simulator