#225f87 hex color

In a RGB color space, hex #225f87 is composed of 13.3% red, 37.3% green and 52.9% blue. Whereas in a CMYK color space, it is composed of 74.8% cyan, 29.6% magenta, 0% yellow and 47.1% black. It has a hue angle of 203.8 degrees, a saturation of 59.8% and a lightness of 33.1%. #225f87 color hex could be obtained by blending #44beff with #00000f. Closest websafe color is: #336699.

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

● #225f87 color description : Dark blue.

The hexadecimal color #225f87 has RGB values of R:34, G:95, B:135 and CMYK values of C:0.75, M:0.3, Y:0, K:0.47. Its decimal value is 2252679.

Hex triplet	225f87	`#225f87`
RGB Decimal	34, 95, 135	`rgb(34,95,135)`
RGB Percent	13.3, 37.3, 52.9	`rgb(13.3%,37.3%,52.9%)`
CMYK	75, 30, 0, 47
HSL	203.8°, 59.8, 33.1	`hsl(203.8,59.8%,33.1%)`
HSV (or HSB)	203.8°, 74.8, 52.9
Web Safe	336699	`#336699`

CIE-LAB	38.328, -5.234, -27.849
XYZ	9.124, 10.273, 24.422
xyY	0.208, 0.234, 10.273
CIE-LCH	38.328, 28.336, 259.355
CIE-LUV	38.328, -21.681, -38.553
Hunter-Lab	32.052, -5.277, -22.741
Binary	00100010, 01011111, 10000111

#225f87
```
#225f87 rgb(34,95,135)
```
#874a22
```
#874a22 rgb(135,74,34)
```

Complementary Color

#22877d
```
#22877d rgb(34,135,125)
```
#225f87
```
#225f87 rgb(34,95,135)
```
#222d87
```
#222d87 rgb(34,45,135)
```

Analogous Color

#877d22
```
#877d22 rgb(135,125,34)
```
#225f87
```
#225f87 rgb(34,95,135)
```
#87222d
```
#87222d rgb(135,34,45)
```

Split Complementary Color

#5f8722
```
#5f8722 rgb(95,135,34)
```
#225f87
```
#225f87 rgb(34,95,135)
```
#87225f
```
#87225f rgb(135,34,95)
```

Triadic Color

#22874a
```
#22874a rgb(34,135,74)
```
#225f87
```
#225f87 rgb(34,95,135)
```
#87225f
```
#87225f rgb(135,34,95)
```
#874a22
```
#874a22 rgb(135,74,34)
```

Tetradic Color

#13344a
```
#13344a rgb(19,52,74)
```
#18425e
```
#18425e rgb(24,66,94)
```
#1d5173
```
#1d5173 rgb(29,81,115)
```
#225f87
```
#225f87 rgb(34,95,135)
```
#276d9b
```
#276d9b rgb(39,109,155)
```
#2c7cb0
```
#2c7cb0 rgb(44,124,176)
```
#318ac4
```
#318ac4 rgb(49,138,196)
```

Monochromatic Color

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

#227887
```
#227887 rgb(34,120,135)
```
#227087
```
#227087 rgb(34,112,135)
```
#226787
```
#226787 rgb(34,103,135)
```
#225f87
```
#225f87 rgb(34,95,135)
```
#225787
```
#225787 rgb(34,87,135)
```
#224e87
```
#224e87 rgb(34,78,135)
```
#224687
```
#224687 rgb(34,70,135)
```

Similar Colors

Text with hexadecimal color #225f87

This text has a font color of #225f87.

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

#225f87 background color

This paragraph has a background color of #225f87.

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

#225f87 border color

This element has a border color of #225f87.

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

CSS codes

.text {color:#225f87;}

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

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

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, #02070a is the darkest color, while #f9fcfd is the lightest one.

#02070a
```
#02070a rgb(2,7,10)
```
#061219
```
#061219 rgb(6,18,25)
```
#0a1d29
```
#0a1d29 rgb(10,29,41)
```
#0e2839
```
#0e2839 rgb(14,40,57)
```
#123348
```
#123348 rgb(18,51,72)
```
#163e58
```
#163e58 rgb(22,62,88)
```
#1a4968
```
#1a4968 rgb(26,73,104)
```
#1e5477
```
#1e5477 rgb(30,84,119)
```
#225f87
```
#225f87 rgb(34,95,135)
```
#266a97
```
#266a97 rgb(38,106,151)
```
#2a75a6
```
#2a75a6 rgb(42,117,166)
```
#2e80b6
```
#2e80b6 rgb(46,128,182)
```
#328bc6
```
#328bc6 rgb(50,139,198)
```

Shade Color Variation

#3d95ce
```
#3d95ce rgb(61,149,206)
```
#4d9dd2
```
#4d9dd2 rgb(77,157,210)
```
#5ca6d6
```
#5ca6d6 rgb(92,166,214)
```
#6caeda
```
#6caeda rgb(108,174,218)
```
#7cb7de
```
#7cb7de rgb(124,183,222)
```
#8bc0e2
```
#8bc0e2 rgb(139,192,226)
```
#9bc8e6
```
#9bc8e6 rgb(155,200,230)
```
#abd1ea
```
#abd1ea rgb(171,209,234)
```
#bad9ee
```
#bad9ee rgb(186,217,238)
```
#cae2f2
```
#cae2f2 rgb(202,226,242)
```
#daebf6
```
#daebf6 rgb(218,235,246)
```
#e9f3fa
```
#e9f3fa rgb(233,243,250)
```
#f9fcfd
```
#f9fcfd rgb(249,252,253)
```

Tint Color Variation

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

#50565a
```
#50565a rgb(80,86,90)
```
#495760
```
#495760 rgb(73,87,96)
```
#435867
```
#435867 rgb(67,88,103)
```
#3c5a6d
```
#3c5a6d rgb(60,90,109)
```
#365b74
```
#365b74 rgb(54,91,116)
```
#2f5c7a
```
#2f5c7a rgb(47,92,122)
```
#295e81
```
#295e81 rgb(41,94,129)
```
#225f87
```
#225f87 rgb(34,95,135)
```
#1c608e
```
#1c608e rgb(28,96,142)
```
#156294
```
#156294 rgb(21,98,148)
```
#0f639b
```
#0f639b rgb(15,99,155)
```
#0864a1
```
#0864a1 rgb(8,100,161)
```
#0166a8
```
#0166a8 rgb(1,102,168)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#48545c Atypical Achromatopsia 0.001% of the population

Dichromacy

#556188 Protanopia 1% of men
#4c628f Deuteranopia 1% of men
#066c74 Tritanopia 0.001% of the population

Trichromacy

#426088 Protanomaly 1% of men, 0.01% of women
#3c618c Deuteranomaly 6% of men, 0.4% of women
#10677b Tritanomaly 0.01% of the population

#225f87 hex color

#225f87 Color Information

#225f87 Color Conversion

Color Schemes with #225f87

Alternatives to #225f87

#225f87 Preview

Shades and Tints of #225f87

Tones of #225f87

Color Blindness Simulator