#225b98 hex color

In a RGB color space, hex #225b98 is composed of 13.3% red, 35.7% green and 59.6% blue. Whereas in a CMYK color space, it is composed of 77.6% cyan, 40.1% magenta, 0% yellow and 40.4% black. It has a hue angle of 211 degrees, a saturation of 63.4% and a lightness of 36.5%. #225b98 color hex could be obtained by blending #44b6ff with #000031. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 13
- G 36
- B 60
RGB color chart
- C 78
- M 40
- Y 0
- K 40
CMYK color chart

● #225b98 color description : Dark blue.

The hexadecimal color #225b98 has RGB values of R:34, G:91, B:152 and CMYK values of C:0.78, M:0.4, Y:0, K:0.4. Its decimal value is 2251672.

Hex triplet	225b98	`#225b98`
RGB Decimal	34, 91, 152	`rgb(34,91,152)`
RGB Percent	13.3, 35.7, 59.6	`rgb(13.3%,35.7%,59.6%)`
CMYK	78, 40, 0, 40
HSL	211°, 63.4, 36.5	`hsl(211,63.4%,36.5%)`
HSV (or HSB)	211°, 77.6, 59.6
Web Safe	336699	`#336699`

CIE-LAB	38.001, 3.807, -38.638
XYZ	10.067, 10.088, 31.121
xyY	0.196, 0.197, 10.088
CIE-LCH	38.001, 38.825, 275.627
CIE-LUV	38.001, -19.649, -55.296
Hunter-Lab	31.762, 0.991, -35.859
Binary	00100010, 01011011, 10011000

#225b98
```
#225b98 rgb(34,91,152)
```
#985f22
```
#985f22 rgb(152,95,34)
```

Complementary Color

#229698
```
#229698 rgb(34,150,152)
```
#225b98
```
#225b98 rgb(34,91,152)
```
#242298
```
#242298 rgb(36,34,152)
```

Analogous Color

#969822
```
#969822 rgb(150,152,34)
```
#225b98
```
#225b98 rgb(34,91,152)
```
#982422
```
#982422 rgb(152,36,34)
```

Split Complementary Color

#5b9822
```
#5b9822 rgb(91,152,34)
```
#225b98
```
#225b98 rgb(34,91,152)
```
#98225b
```
#98225b rgb(152,34,91)
```

Triadic Color

#22985f
```
#22985f rgb(34,152,95)
```
#225b98
```
#225b98 rgb(34,91,152)
```
#98225b
```
#98225b rgb(152,34,91)
```
#985f22
```
#985f22 rgb(152,95,34)
```

Tetradic Color

#143659
```
#143659 rgb(20,54,89)
```
#19426e
```
#19426e rgb(25,66,110)
```
#1d4f83
```
#1d4f83 rgb(29,79,131)
```
#225b98
```
#225b98 rgb(34,91,152)
```
#2767ad
```
#2767ad rgb(39,103,173)
```
#2b74c2
```
#2b74c2 rgb(43,116,194)
```
#3581d2
```
#3581d2 rgb(53,129,210)
```

Monochromatic Color

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

#227998
```
#227998 rgb(34,121,152)
```
#226f98
```
#226f98 rgb(34,111,152)
```
#226598
```
#226598 rgb(34,101,152)
```
#225b98
```
#225b98 rgb(34,91,152)
```
#225198
```
#225198 rgb(34,81,152)
```
#224798
```
#224798 rgb(34,71,152)
```
#223e98
```
#223e98 rgb(34,62,152)
```

Similar Colors

Text with hexadecimal color #225b98

This text has a font color of #225b98.

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

#225b98 background color

This paragraph has a background color of #225b98.

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

#225b98 border color

This element has a border color of #225b98.

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

CSS codes

.text {color:#225b98;}

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

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

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

#020508
```
#020508 rgb(2,5,8)
```
#050e18
```
#050e18 rgb(5,14,24)
```
#091828
```
#091828 rgb(9,24,40)
```
#0c2138
```
#0c2138 rgb(12,33,56)
```
#102b48
```
#102b48 rgb(16,43,72)
```
#143558
```
#143558 rgb(20,53,88)
```
#173e68
```
#173e68 rgb(23,62,104)
```
#1b4878
```
#1b4878 rgb(27,72,120)
```
#1e5188
```
#1e5188 rgb(30,81,136)
```
#225b98
```
#225b98 rgb(34,91,152)
```
#2665a8
```
#2665a8 rgb(38,101,168)
```
#296eb8
```
#296eb8 rgb(41,110,184)
```
#2d78c8
```
#2d78c8 rgb(45,120,200)
```

Shade Color Variation

#3682d2
```
#3682d2 rgb(54,130,210)
```
#468cd6
```
#468cd6 rgb(70,140,214)
```
#5696d9
```
#5696d9 rgb(86,150,217)
```
#66a0dd
```
#66a0dd rgb(102,160,221)
```
#76aae0
```
#76aae0 rgb(118,170,224)
```
#86b4e4
```
#86b4e4 rgb(134,180,228)
```
#97bee8
```
#97bee8 rgb(151,190,232)
```
#a7c8eb
```
#a7c8eb rgb(167,200,235)
```
#b7d2ef
```
#b7d2ef rgb(183,210,239)
```
#c7dcf2
```
#c7dcf2 rgb(199,220,242)
```
#d7e6f6
```
#d7e6f6 rgb(215,230,246)
```
#e7f0fa
```
#e7f0fa rgb(231,240,250)
```
#f7fafd
```
#f7fafd rgb(247,250,253)
```

Tint Color Variation

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

#5b5d5f
```
#5b5d5f rgb(91,93,95)
```
#545d66
```
#545d66 rgb(84,93,102)
```
#4d5c6d
```
#4d5c6d rgb(77,92,109)
```
#465c74
```
#465c74 rgb(70,92,116)
```
#3f5c7b
```
#3f5c7b rgb(63,92,123)
```
#375c83
```
#375c83 rgb(55,92,131)
```
#305b8a
```
#305b8a rgb(48,91,138)
```
#295b91
```
#295b91 rgb(41,91,145)
```
#225b98
```
#225b98 rgb(34,91,152)
```
#1b5b9f
```
#1b5b9f rgb(27,91,159)
```
#145ba6
```
#145ba6 rgb(20,91,166)
```
#0d5aad
```
#0d5aad rgb(13,90,173)
```
#055ab5
```
#055ab5 rgb(5,90,181)
```

Tone Color Variation

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

Dichromacy

#48609a Protanopia 1% of men
#32629d Deuteranopia 1% of men
#006b72 Tritanopia 0.001% of the population

Trichromacy

#3a5e99 Protanomaly 1% of men, 0.01% of women
#2c609b Deuteranomaly 6% of men, 0.4% of women
#0c6580 Tritanomaly 0.01% of the population

#225b98 hex color

#225b98 Color Information

#225b98 Color Conversion

Color Schemes with #225b98

Alternatives to #225b98

#225b98 Preview

Shades and Tints of #225b98

Tones of #225b98

Color Blindness Simulator