#225f98 hex color

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

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

● #225f98 color description : Dark blue.

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

Hex triplet	225f98	`#225f98`
RGB Decimal	34, 95, 152	`rgb(34,95,152)`
RGB Percent	13.3, 37.3, 59.6	`rgb(13.3%,37.3%,59.6%)`
CMYK	78, 38, 0, 40
HSL	209°, 63.4, 36.5	`hsl(209,63.4%,36.5%)`
HSV (or HSB)	209°, 77.6, 59.6
Web Safe	336699	`#336699`

CIE-LAB	39.226, 1.246, -36.691
XYZ	10.418, 10.791, 31.238
xyY	0.199, 0.206, 10.791
CIE-LCH	39.226, 36.712, 271.945
CIE-LUV	39.226, -20.995, -52.639
Hunter-Lab	32.849, -0.875, -33.387
Binary	00100010, 01011111, 10011000

#225f98
```
#225f98 rgb(34,95,152)
```
#985b22
```
#985b22 rgb(152,91,34)
```

Complementary Color

#229896
```
#229896 rgb(34,152,150)
```
#225f98
```
#225f98 rgb(34,95,152)
```
#222498
```
#222498 rgb(34,36,152)
```

Analogous Color

#989622
```
#989622 rgb(152,150,34)
```
#225f98
```
#225f98 rgb(34,95,152)
```
#982224
```
#982224 rgb(152,34,36)
```

Split Complementary Color

#5f9822
```
#5f9822 rgb(95,152,34)
```
#225f98
```
#225f98 rgb(34,95,152)
```
#98225f
```
#98225f rgb(152,34,95)
```

Triadic Color

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

Tetradic Color

#143859
```
#143859 rgb(20,56,89)
```
#19456e
```
#19456e rgb(25,69,110)
```
#1d5283
```
#1d5283 rgb(29,82,131)
```
#225f98
```
#225f98 rgb(34,95,152)
```
#276cad
```
#276cad rgb(39,108,173)
```
#2b79c2
```
#2b79c2 rgb(43,121,194)
```
#3586d2
```
#3586d2 rgb(53,134,210)
```

Monochromatic Color

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

#227d98
```
#227d98 rgb(34,125,152)
```
#227398
```
#227398 rgb(34,115,152)
```
#226998
```
#226998 rgb(34,105,152)
```
#225f98
```
#225f98 rgb(34,95,152)
```
#225598
```
#225598 rgb(34,85,152)
```
#224b98
```
#224b98 rgb(34,75,152)
```
#224298
```
#224298 rgb(34,66,152)
```

Similar Colors

Text with hexadecimal color #225f98

This text has a font color of #225f98.

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

#225f98 background color

This paragraph has a background color of #225f98.

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

#225f98 border color

This element has a border color of #225f98.

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

CSS codes

.text {color:#225f98;}

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

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

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)
```
#050f18
```
#050f18 rgb(5,15,24)
```
#091928
```
#091928 rgb(9,25,40)
```
#0c2338
```
#0c2338 rgb(12,35,56)
```
#102d48
```
#102d48 rgb(16,45,72)
```
#143758
```
#143758 rgb(20,55,88)
```
#174168
```
#174168 rgb(23,65,104)
```
#1b4b78
```
#1b4b78 rgb(27,75,120)
```
#1e5588
```
#1e5588 rgb(30,85,136)
```
#225f98
```
#225f98 rgb(34,95,152)
```
#2669a8
```
#2669a8 rgb(38,105,168)
```
#2973b8
```
#2973b8 rgb(41,115,184)
```
#2d7dc8
```
#2d7dc8 rgb(45,125,200)
```

Shade Color Variation

#3687d2
```
#3687d2 rgb(54,135,210)
```
#4690d6
```
#4690d6 rgb(70,144,214)
```
#569ad9
```
#569ad9 rgb(86,154,217)
```
#66a4dd
```
#66a4dd rgb(102,164,221)
```
#76ade0
```
#76ade0 rgb(118,173,224)
```
#86b7e4
```
#86b7e4 rgb(134,183,228)
```
#97c0e8
```
#97c0e8 rgb(151,192,232)
```
#a7caeb
```
#a7caeb rgb(167,202,235)
```
#b7d4ef
```
#b7d4ef rgb(183,212,239)
```
#c7ddf2
```
#c7ddf2 rgb(199,221,242)
```
#d7e7f6
```
#d7e7f6 rgb(215,231,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 #0560b5 is the most saturated one.

#5b5d5f
```
#5b5d5f rgb(91,93,95)
```
#545d66
```
#545d66 rgb(84,93,102)
```
#4d5e6d
```
#4d5e6d rgb(77,94,109)
```
#465e74
```
#465e74 rgb(70,94,116)
```
#3f5e7b
```
#3f5e7b rgb(63,94,123)
```
#375e83
```
#375e83 rgb(55,94,131)
```
#305f8a
```
#305f8a rgb(48,95,138)
```
#295f91
```
#295f91 rgb(41,95,145)
```
#225f98
```
#225f98 rgb(34,95,152)
```
#1b5f9f
```
#1b5f9f rgb(27,95,159)
```
#145fa6
```
#145fa6 rgb(20,95,166)
```
#0d60ad
```
#0d60ad rgb(13,96,173)
```
#0560b5
```
#0560b5 rgb(5,96,181)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#495561 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4e6399 Protanopia 1% of men
#3c659e Deuteranopia 1% of men
#006e76 Tritanopia 0.001% of the population

Trichromacy

#3e6199 Protanomaly 1% of men, 0.01% of women
#32639b Deuteranomaly 6% of men, 0.4% of women
#0c6882 Tritanomaly 0.01% of the population

#225f98 hex color

#225f98 Color Information

#225f98 Color Conversion

Color Schemes with #225f98

Alternatives to #225f98

#225f98 Preview

Shades and Tints of #225f98

Tones of #225f98

Color Blindness Simulator