#225481 hex color

In a RGB color space, hex #225481 is composed of 13.3% red, 32.9% green and 50.6% blue. Whereas in a CMYK color space, it is composed of 73.6% cyan, 34.9% magenta, 0% yellow and 49.4% black. It has a hue angle of 208.4 degrees, a saturation of 58.3% and a lightness of 32%. #225481 color hex could be obtained by blending #44a8ff with #000003. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 13
- G 33
- B 51
RGB color chart
- C 74
- M 35
- Y 0
- K 49
CMYK color chart

● #225481 color description : Dark blue.

The hexadecimal color #225481 has RGB values of R:34, G:84, B:129 and CMYK values of C:0.74, M:0.35, Y:0, K:0.49. Its decimal value is 2249857.

Hex triplet	225481	`#225481`
RGB Decimal	34, 84, 129	`rgb(34,84,129)`
RGB Percent	13.3, 32.9, 50.6	`rgb(13.3%,32.9%,50.6%)`
CMYK	74, 35, 0, 49
HSL	208.4°, 58.3, 32	`hsl(208.4,58.3%,32%)`
HSV (or HSB)	208.4°, 73.6, 50.6
Web Safe	336699	`#336699`

CIE-LAB	34.529, -0.595, -30.156
XYZ	7.792, 8.265, 21.952
xyY	0.205, 0.217, 8.265
CIE-LCH	34.529, 30.161, 268.869
CIE-LUV	34.529, -18.017, -41.269
Hunter-Lab	28.749, -1.934, -25.149
Binary	00100010, 01010100, 10000001

#225481
```
#225481 rgb(34,84,129)
```
#814f22
```
#814f22 rgb(129,79,34)
```

Complementary Color

#22817f
```
#22817f rgb(34,129,127)
```
#225481
```
#225481 rgb(34,84,129)
```
#222581
```
#222581 rgb(34,37,129)
```

Analogous Color

#817f22
```
#817f22 rgb(129,127,34)
```
#225481
```
#225481 rgb(34,84,129)
```
#812225
```
#812225 rgb(129,34,37)
```

Split Complementary Color

#548122
```
#548122 rgb(84,129,34)
```
#225481
```
#225481 rgb(34,84,129)
```
#812254
```
#812254 rgb(129,34,84)
```

Triadic Color

#22814f
```
#22814f rgb(34,129,79)
```
#225481
```
#225481 rgb(34,84,129)
```
#812254
```
#812254 rgb(129,34,84)
```
#814f22
```
#814f22 rgb(129,79,34)
```

Tetradic Color

#122d44
```
#122d44 rgb(18,45,68)
```
#173a59
```
#173a59 rgb(23,58,89)
```
#1d476d
```
#1d476d rgb(29,71,109)
```
#225481
```
#225481 rgb(34,84,129)
```
#276195
```
#276195 rgb(39,97,149)
```
#2d6ea9
```
#2d6ea9 rgb(45,110,169)
```
#327bbe
```
#327bbe rgb(50,123,190)
```

Monochromatic Color

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

#226c81
```
#226c81 rgb(34,108,129)
```
#226481
```
#226481 rgb(34,100,129)
```
#225c81
```
#225c81 rgb(34,92,129)
```
#225481
```
#225481 rgb(34,84,129)
```
#224c81
```
#224c81 rgb(34,76,129)
```
#224481
```
#224481 rgb(34,68,129)
```
#223c81
```
#223c81 rgb(34,60,129)
```

Similar Colors

Text with hexadecimal color #225481

This text has a font color of #225481.

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

#225481 background color

This paragraph has a background color of #225481.

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

#225481 border color

This element has a border color of #225481.

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

CSS codes

.text {color:#225481;}

.background {background-color:#225481;}

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

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

#010305
```
#010305 rgb(1,3,5)
```
#050d14
```
#050d14 rgb(5,13,20)
```
#091724
```
#091724 rgb(9,23,36)
```
#0e2133
```
#0e2133 rgb(14,33,51)
```
#122c43
```
#122c43 rgb(18,44,67)
```
#163652
```
#163652 rgb(22,54,82)
```
#1a4062
```
#1a4062 rgb(26,64,98)
```
#1e4a71
```
#1e4a71 rgb(30,74,113)
```
#225481
```
#225481 rgb(34,84,129)
```
#265e91
```
#265e91 rgb(38,94,145)
```
#2a68a0
```
#2a68a0 rgb(42,104,160)
```
#2e72b0
```
#2e72b0 rgb(46,114,176)
```
#327cbf
```
#327cbf rgb(50,124,191)
```

Shade Color Variation

#3a86cb
```
#3a86cb rgb(58,134,203)
```
#4a90cf
```
#4a90cf rgb(74,144,207)
```
#5999d3
```
#5999d3 rgb(89,153,211)
```
#69a3d7
```
#69a3d7 rgb(105,163,215)
```
#78acdb
```
#78acdb rgb(120,172,219)
```
#88b6e0
```
#88b6e0 rgb(136,182,224)
```
#97bfe4
```
#97bfe4 rgb(151,191,228)
```
#a7c9e8
```
#a7c9e8 rgb(167,201,232)
```
#b6d2ec
```
#b6d2ec rgb(182,210,236)
```
#c6dcf0
```
#c6dcf0 rgb(198,220,240)
```
#d5e5f4
```
#d5e5f4 rgb(213,229,244)
```
#e5eff8
```
#e5eff8 rgb(229,239,248)
```
#f4f8fc
```
#f4f8fc rgb(244,248,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4e5255 is the less saturated color, while #0356a0 is the most saturated one.

#4e5255
```
#4e5255 rgb(78,82,85)
```
#48525b
```
#48525b rgb(72,82,91)
```
#415262
```
#415262 rgb(65,82,98)
```
#3b5368
```
#3b5368 rgb(59,83,104)
```
#35536e
```
#35536e rgb(53,83,110)
```
#2f5374
```
#2f5374 rgb(47,83,116)
```
#28547b
```
#28547b rgb(40,84,123)
```
#225481
```
#225481 rgb(34,84,129)
```
#1c5487
```
#1c5487 rgb(28,84,135)
```
#15558e
```
#15558e rgb(21,85,142)
```
#0f5594
```
#0f5594 rgb(15,85,148)
```
#09559a
```
#09559a rgb(9,85,154)
```
#0356a0
```
#0356a0 rgb(3,86,160)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#424c55 Atypical Achromatopsia 0.001% of the population

Dichromacy

#495884 Protanopia 1% of men
#3e5a88 Deuteranopia 1% of men
#00636a Tritanopia 0.001% of the population

Trichromacy

#3b5783 Protanomaly 1% of men, 0.01% of women
#335885 Deuteranomaly 6% of men, 0.4% of women
#0c5d72 Tritanomaly 0.01% of the population

#225481 hex color

#225481 Color Information

#225481 Color Conversion

Color Schemes with #225481

Alternatives to #225481

#225481 Preview

Shades and Tints of #225481

Tones of #225481

Color Blindness Simulator