#225b88 hex color

In a RGB color space, hex #225b88 is composed of 13.3% red, 35.7% green and 53.3% blue. Whereas in a CMYK color space, it is composed of 75% cyan, 33.1% magenta, 0% yellow and 46.7% black. It has a hue angle of 206.5 degrees, a saturation of 60% and a lightness of 33.3%. #225b88 color hex could be obtained by blending #44b6ff with #000011. Closest websafe color is: #336699.

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

● #225b88 color description : Dark blue.

The hexadecimal color #225b88 has RGB values of R:34, G:91, B:136 and CMYK values of C:0.75, M:0.33, Y:0, K:0.47. Its decimal value is 2251656.

Hex triplet	225b88	`#225b88`
RGB Decimal	34, 91, 136	`rgb(34,91,136)`
RGB Percent	13.3, 35.7, 53.3	`rgb(13.3%,35.7%,53.3%)`
CMYK	75, 33, 0, 47
HSL	206.5°, 60, 33.3	`hsl(206.5,60%,33.3%)`
HSV (or HSB)	206.5°, 75, 53.3
Web Safe	336699	`#336699`

CIE-LAB	37.113, -2.367, -30.366
XYZ	8.844, 9.599, 24.678
xyY	0.205, 0.223, 9.599
CIE-LCH	37.113, 30.458, 265.543
CIE-LUV	37.113, -20.221, -42.229
Hunter-Lab	30.982, -3.268, -25.538
Binary	00100010, 01011011, 10001000

#225b88
```
#225b88 rgb(34,91,136)
```
#884f22
```
#884f22 rgb(136,79,34)
```

Complementary Color

#228882
```
#228882 rgb(34,136,130)
```
#225b88
```
#225b88 rgb(34,91,136)
```
#222888
```
#222888 rgb(34,40,136)
```

Analogous Color

#888222
```
#888222 rgb(136,130,34)
```
#225b88
```
#225b88 rgb(34,91,136)
```
#882228
```
#882228 rgb(136,34,40)
```

Split Complementary Color

#5b8822
```
#5b8822 rgb(91,136,34)
```
#225b88
```
#225b88 rgb(34,91,136)
```
#88225b
```
#88225b rgb(136,34,91)
```

Triadic Color

#22884f
```
#22884f rgb(34,136,79)
```
#225b88
```
#225b88 rgb(34,91,136)
```
#88225b
```
#88225b rgb(136,34,91)
```
#884f22
```
#884f22 rgb(136,79,34)
```

Tetradic Color

#13324b
```
#13324b rgb(19,50,75)
```
#18405f
```
#18405f rgb(24,64,95)
```
#1d4d74
```
#1d4d74 rgb(29,77,116)
```
#225b88
```
#225b88 rgb(34,91,136)
```
#27699c
```
#27699c rgb(39,105,156)
```
#2c76b1
```
#2c76b1 rgb(44,118,177)
```
#3184c5
```
#3184c5 rgb(49,132,197)
```

Monochromatic Color

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

#227588
```
#227588 rgb(34,117,136)
```
#226c88
```
#226c88 rgb(34,108,136)
```
#226488
```
#226488 rgb(34,100,136)
```
#225b88
```
#225b88 rgb(34,91,136)
```
#225388
```
#225388 rgb(34,83,136)
```
#224a88
```
#224a88 rgb(34,74,136)
```
#224288
```
#224288 rgb(34,66,136)
```

Similar Colors

Text with hexadecimal color #225b88

This text has a font color of #225b88.

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

#225b88 background color

This paragraph has a background color of #225b88.

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

#225b88 border color

This element has a border color of #225b88.

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

CSS codes

.text {color:#225b88;}

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

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

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

#03070a
```
#03070a rgb(3,7,10)
```
#07121a
```
#07121a rgb(7,18,26)
```
#0a1c2a
```
#0a1c2a rgb(10,28,42)
```
#0e273a
```
#0e273a rgb(14,39,58)
```
#123149
```
#123149 rgb(18,49,73)
```
#163c59
```
#163c59 rgb(22,60,89)
```
#1a4669
```
#1a4669 rgb(26,70,105)
```
#1e5178
```
#1e5178 rgb(30,81,120)
```
#225b88
```
#225b88 rgb(34,91,136)
```
#266698
```
#266698 rgb(38,102,152)
```
#2a70a7
```
#2a70a7 rgb(42,112,167)
```
#2e7bb7
```
#2e7bb7 rgb(46,123,183)
```
#3285c7
```
#3285c7 rgb(50,133,199)
```

Shade Color Variation

#3d8fcf
```
#3d8fcf rgb(61,143,207)
```
#4d98d3
```
#4d98d3 rgb(77,152,211)
```
#5da1d6
```
#5da1d6 rgb(93,161,214)
```
#6daada
```
#6daada rgb(109,170,218)
```
#7cb3de
```
#7cb3de rgb(124,179,222)
```
#8cbce2
```
#8cbce2 rgb(140,188,226)
```
#9cc5e6
```
#9cc5e6 rgb(156,197,230)
```
#abceea
```
#abceea rgb(171,206,234)
```
#bbd8ee
```
#bbd8ee rgb(187,216,238)
```
#cbe1f2
```
#cbe1f2 rgb(203,225,242)
```
#daeaf6
```
#daeaf6 rgb(218,234,246)
```
#eaf3fa
```
#eaf3fa rgb(234,243,250)
```
#fafcfe
```
#fafcfe rgb(250,252,254)
```

Tint Color Variation

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

#50565a
```
#50565a rgb(80,86,90)
```
#495661
```
#495661 rgb(73,86,97)
```
#435767
```
#435767 rgb(67,87,103)
```
#3c586e
```
#3c586e rgb(60,88,110)
```
#365974
```
#365974 rgb(54,89,116)
```
#2f597b
```
#2f597b rgb(47,89,123)
```
#295a81
```
#295a81 rgb(41,90,129)
```
#225b88
```
#225b88 rgb(34,91,136)
```
#1b5c8f
```
#1b5c8f rgb(27,92,143)
```
#155d95
```
#155d95 rgb(21,93,149)
```
#0e5d9c
```
#0e5d9c rgb(14,93,156)
```
#085ea2
```
#085ea2 rgb(8,94,162)
```
#015fa9
```
#015fa9 rgb(1,95,169)
```

Tone Color Variation

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

Dichromacy

#4f5e8a Protanopia 1% of men
#44608f Deuteranopia 1% of men
#006970 Tritanopia 0.001% of the population

Trichromacy

#3f5d89 Protanomaly 1% of men, 0.01% of women
#385e8c Deuteranomaly 6% of men, 0.4% of women
#0c6479 Tritanomaly 0.01% of the population

#225b88 hex color

#225b88 Color Information

#225b88 Color Conversion

Color Schemes with #225b88

Alternatives to #225b88

#225b88 Preview

Shades and Tints of #225b88

Tones of #225b88

Color Blindness Simulator