#225898 hex color

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

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

● #225898 color description : Dark blue.

The hexadecimal color #225898 has RGB values of R:34, G:88, B:152 and CMYK values of C:0.78, M:0.42, Y:0, K:0.4. Its decimal value is 2250904.

Hex triplet	225898	`#225898`
RGB Decimal	34, 88, 152	`rgb(34,88,152)`
RGB Percent	13.3, 34.5, 59.6	`rgb(13.3%,34.5%,59.6%)`
CMYK	78, 42, 0, 40
HSL	212.5°, 63.4, 36.5	`hsl(212.5,63.4%,36.5%)`
HSV (or HSB)	212.5°, 77.6, 59.6
Web Safe	336699	`#336699`

CIE-LAB	37.088, 5.753, -40.093
XYZ	9.816, 9.586, 31.037
xyY	0.195, 0.19, 9.586
CIE-LCH	37.088, 40.503, 278.166
CIE-LUV	37.088, -18.658, -57.208
Hunter-Lab	30.961, 2.409, -37.763
Binary	00100010, 01011000, 10011000

#225898
```
#225898 rgb(34,88,152)
```
#986222
```
#986222 rgb(152,98,34)
```

Complementary Color

#229398
```
#229398 rgb(34,147,152)
```
#225898
```
#225898 rgb(34,88,152)
```
#272298
```
#272298 rgb(39,34,152)
```

Analogous Color

#939822
```
#939822 rgb(147,152,34)
```
#225898
```
#225898 rgb(34,88,152)
```
#982722
```
#982722 rgb(152,39,34)
```

Split Complementary Color

#589822
```
#589822 rgb(88,152,34)
```
#225898
```
#225898 rgb(34,88,152)
```
#982258
```
#982258 rgb(152,34,88)
```

Triadic Color

#229862
```
#229862 rgb(34,152,98)
```
#225898
```
#225898 rgb(34,88,152)
```
#982258
```
#982258 rgb(152,34,88)
```
#986222
```
#986222 rgb(152,98,34)
```

Tetradic Color

#143459
```
#143459 rgb(20,52,89)
```
#19406e
```
#19406e rgb(25,64,110)
```
#1d4c83
```
#1d4c83 rgb(29,76,131)
```
#225898
```
#225898 rgb(34,88,152)
```
#2764ad
```
#2764ad rgb(39,100,173)
```
#2b70c2
```
#2b70c2 rgb(43,112,194)
```
#357dd2
```
#357dd2 rgb(53,125,210)
```

Monochromatic Color

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

#227698
```
#227698 rgb(34,118,152)
```
#226c98
```
#226c98 rgb(34,108,152)
```
#226298
```
#226298 rgb(34,98,152)
```
#225898
```
#225898 rgb(34,88,152)
```
#224e98
```
#224e98 rgb(34,78,152)
```
#224498
```
#224498 rgb(34,68,152)
```
#223a98
```
#223a98 rgb(34,58,152)
```

Similar Colors

Text with hexadecimal color #225898

This text has a font color of #225898.

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

#225898 background color

This paragraph has a background color of #225898.

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

#225898 border color

This element has a border color of #225898.

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

CSS codes

.text {color:#225898;}

.background {background-color:#225898;}

.border {border:1px solid #225898;}

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

#020408
```
#020408 rgb(2,4,8)
```
#050e18
```
#050e18 rgb(5,14,24)
```
#091728
```
#091728 rgb(9,23,40)
```
#0c2038
```
#0c2038 rgb(12,32,56)
```
#102a48
```
#102a48 rgb(16,42,72)
```
#143358
```
#143358 rgb(20,51,88)
```
#173c68
```
#173c68 rgb(23,60,104)
```
#1b4578
```
#1b4578 rgb(27,69,120)
```
#1e4f88
```
#1e4f88 rgb(30,79,136)
```
#225898
```
#225898 rgb(34,88,152)
```
#2661a8
```
#2661a8 rgb(38,97,168)
```
#296bb8
```
#296bb8 rgb(41,107,184)
```
#2d74c8
```
#2d74c8 rgb(45,116,200)
```

Shade Color Variation

#367ed2
```
#367ed2 rgb(54,126,210)
```
#4688d6
```
#4688d6 rgb(70,136,214)
```
#5692d9
```
#5692d9 rgb(86,146,217)
```
#669ddd
```
#669ddd rgb(102,157,221)
```
#76a7e0
```
#76a7e0 rgb(118,167,224)
```
#86b1e4
```
#86b1e4 rgb(134,177,228)
```
#97bce8
```
#97bce8 rgb(151,188,232)
```
#a7c6eb
```
#a7c6eb rgb(167,198,235)
```
#b7d0ef
```
#b7d0ef rgb(183,208,239)
```
#c7dbf2
```
#c7dbf2 rgb(199,219,242)
```
#d7e5f6
```
#d7e5f6 rgb(215,229,246)
```
#e7effa
```
#e7effa rgb(231,239,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 #0556b5 is the most saturated one.

#5b5d5f
```
#5b5d5f rgb(91,93,95)
```
#545c66
```
#545c66 rgb(84,92,102)
```
#4d5c6d
```
#4d5c6d rgb(77,92,109)
```
#465b74
```
#465b74 rgb(70,91,116)
```
#3f5a7b
```
#3f5a7b rgb(63,90,123)
```
#375a83
```
#375a83 rgb(55,90,131)
```
#30598a
```
#30598a rgb(48,89,138)
```
#295991
```
#295991 rgb(41,89,145)
```
#225898
```
#225898 rgb(34,88,152)
```
#1b579f
```
#1b579f rgb(27,87,159)
```
#1457a6
```
#1457a6 rgb(20,87,166)
```
#0d56ad
```
#0d56ad rgb(13,86,173)
```
#0556b5
```
#0556b5 rgb(5,86,181)
```

Tone Color Variation

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

Dichromacy

#435e9b Protanopia 1% of men
#2a619d Deuteranopia 1% of men
#006970 Tritanopia 0.001% of the population

Trichromacy

#375b99 Protanomaly 1% of men, 0.01% of women
#275d9b Deuteranomaly 6% of men, 0.4% of women
#0c637e Tritanomaly 0.01% of the population

#225898 hex color

#225898 Color Information

#225898 Color Conversion

Color Schemes with #225898

Alternatives to #225898

#225898 Preview

Shades and Tints of #225898

Tones of #225898

Color Blindness Simulator