#225c7f hex color

In a RGB color space, hex #225c7f is composed of 13.3% red, 36.1% green and 49.8% blue. Whereas in a CMYK color space, it is composed of 73.2% cyan, 27.6% magenta, 0% yellow and 50.2% black. It has a hue angle of 202.6 degrees, a saturation of 57.8% and a lightness of 31.6%. #225c7f color hex could be obtained by blending #44b8fe with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 13
- G 36
- B 50
RGB color chart
- C 73
- M 28
- Y 0
- K 50
CMYK color chart

● #225c7f color description : Dark blue.

The hexadecimal color #225c7f has RGB values of R:34, G:92, B:127 and CMYK values of C:0.73, M:0.28, Y:0, K:0.5. Its decimal value is 2251903.

Hex triplet	225c7f	`#225c7f`
RGB Decimal	34, 92, 127	`rgb(34,92,127)`
RGB Percent	13.3, 36.1, 49.8	`rgb(13.3%,36.1%,49.8%)`
CMYK	73, 28, 0, 50
HSL	202.6°, 57.8, 31.6	`hsl(202.6,57.8%,31.6%)`
HSV (or HSB)	202.6°, 73.2, 49.8
Web Safe	336666	`#336666`

CIE-LAB	36.978, -6.377, -25.082
XYZ	8.317, 9.526, 21.478
xyY	0.212, 0.242, 9.526
CIE-LCH	36.978, 25.88, 255.735
CIE-LUV	36.978, -20.945, -34.014
Hunter-Lab	30.864, -5.914, -19.654
Binary	00100010, 01011100, 01111111

#225c7f
```
#225c7f rgb(34,92,127)
```
#7f4522
```
#7f4522 rgb(127,69,34)
```

Complementary Color

#227f74
```
#227f74 rgb(34,127,116)
```
#225c7f
```
#225c7f rgb(34,92,127)
```
#222e7f
```
#222e7f rgb(34,46,127)
```

Analogous Color

#7f7422
```
#7f7422 rgb(127,116,34)
```
#225c7f
```
#225c7f rgb(34,92,127)
```
#7f222e
```
#7f222e rgb(127,34,46)
```

Split Complementary Color

#5c7f22
```
#5c7f22 rgb(92,127,34)
```
#225c7f
```
#225c7f rgb(34,92,127)
```
#7f225c
```
#7f225c rgb(127,34,92)
```

Triadic Color

#227f45
```
#227f45 rgb(34,127,69)
```
#225c7f
```
#225c7f rgb(34,92,127)
```
#7f225c
```
#7f225c rgb(127,34,92)
```
#7f4522
```
#7f4522 rgb(127,69,34)
```

Tetradic Color

#123043
```
#123043 rgb(18,48,67)
```
#173f57
```
#173f57 rgb(23,63,87)
```
#1d4d6b
```
#1d4d6b rgb(29,77,107)
```
#225c7f
```
#225c7f rgb(34,92,127)
```
#276b93
```
#276b93 rgb(39,107,147)
```
#2d79a7
```
#2d79a7 rgb(45,121,167)
```
#3288bb
```
#3288bb rgb(50,136,187)
```

Monochromatic Color

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

#22737f
```
#22737f rgb(34,115,127)
```
#226c7f
```
#226c7f rgb(34,108,127)
```
#22647f
```
#22647f rgb(34,100,127)
```
#225c7f
```
#225c7f rgb(34,92,127)
```
#22547f
```
#22547f rgb(34,84,127)
```
#224d7f
```
#224d7f rgb(34,77,127)
```
#22457f
```
#22457f rgb(34,69,127)
```

Similar Colors

Text with hexadecimal color #225c7f

This text has a font color of #225c7f.

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

#225c7f background color

This paragraph has a background color of #225c7f.

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

#225c7f border color

This element has a border color of #225c7f.

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

CSS codes

.text {color:#225c7f;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#050e13
```
#050e13 rgb(5,14,19)
```
#091922
```
#091922 rgb(9,25,34)
```
#0d2432
```
#0d2432 rgb(13,36,50)
```
#112f41
```
#112f41 rgb(17,47,65)
```
#163a51
```
#163a51 rgb(22,58,81)
```
#1a4660
```
#1a4660 rgb(26,70,96)
```
#1e5170
```
#1e5170 rgb(30,81,112)
```
#225c7f
```
#225c7f rgb(34,92,127)
```
#26678e
```
#26678e rgb(38,103,142)
```
#2a729e
```
#2a729e rgb(42,114,158)
```
#2e7ead
```
#2e7ead rgb(46,126,173)
```
#3389bd
```
#3389bd rgb(51,137,189)
```

Shade Color Variation

#3993ca
```
#3993ca rgb(57,147,202)
```
#499cce
```
#499cce rgb(73,156,206)
```
#58a4d2
```
#58a4d2 rgb(88,164,210)
```
#67add6
```
#67add6 rgb(103,173,214)
```
#77b5db
```
#77b5db rgb(119,181,219)
```
#86bddf
```
#86bddf rgb(134,189,223)
```
#96c6e3
```
#96c6e3 rgb(150,198,227)
```
#a5cee7
```
#a5cee7 rgb(165,206,231)
```
#b5d7eb
```
#b5d7eb rgb(181,215,235)
```
#c4dfef
```
#c4dfef rgb(196,223,239)
```
#d4e8f3
```
#d4e8f3 rgb(212,232,243)
```
#e3f0f8
```
#e3f0f8 rgb(227,240,248)
```
#f3f8fc
```
#f3f8fc rgb(243,248,252)
```

Tint Color Variation

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

#4d5154
```
#4d5154 rgb(77,81,84)
```
#47535a
```
#47535a rgb(71,83,90)
```
#415460
```
#415460 rgb(65,84,96)
```
#3b5666
```
#3b5666 rgb(59,86,102)
```
#35576c
```
#35576c rgb(53,87,108)
```
#2e5973
```
#2e5973 rgb(46,89,115)
```
#285a79
```
#285a79 rgb(40,90,121)
```
#225c7f
```
#225c7f rgb(34,92,127)
```
#1c5e85
```
#1c5e85 rgb(28,94,133)
```
#165f8b
```
#165f8b rgb(22,95,139)
```
#0f6192
```
#0f6192 rgb(15,97,146)
```
#096298
```
#096298 rgb(9,98,152)
```
#03649e
```
#03649e rgb(3,100,158)
```

Tone Color Variation

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

Dichromacy

#545e81 Protanopia 1% of men
#4d5f87 Deuteranopia 1% of men
#176870 Tritanopia 0.001% of the population

Trichromacy

#425d80 Protanomaly 1% of men, 0.01% of women
#3d5e84 Deuteranomaly 6% of men, 0.4% of women
#1b6475 Tritanomaly 0.01% of the population

#225c7f hex color

#225c7f Color Information

#225c7f Color Conversion

Color Schemes with #225c7f

Alternatives to #225c7f

#225c7f Preview

Shades and Tints of #225c7f

Tones of #225c7f

Color Blindness Simulator