#225387 hex color

In a RGB color space, hex #225387 is composed of 13.3% red, 32.5% green and 52.9% blue. Whereas in a CMYK color space, it is composed of 74.8% cyan, 38.5% magenta, 0% yellow and 47.1% black. It has a hue angle of 210.9 degrees, a saturation of 59.8% and a lightness of 33.1%. #225387 color hex could be obtained by blending #44a6ff with #00000f. Closest websafe color is: #336699.

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

● #225387 color description : Dark blue.

The hexadecimal color #225387 has RGB values of R:34, G:83, B:135 and CMYK values of C:0.75, M:0.39, Y:0, K:0.47. Its decimal value is 2249607.

Hex triplet	225387	`#225387`
RGB Decimal	34, 83, 135	`rgb(34,83,135)`
RGB Percent	13.3, 32.5, 52.9	`rgb(13.3%,32.5%,52.9%)`
CMYK	75, 39, 0, 47
HSL	210.9°, 59.8, 33.1	`hsl(210.9,59.8%,33.1%)`
HSV (or HSB)	210.9°, 74.8, 52.9
Web Safe	336699	`#336699`

CIE-LAB	34.55, 2.372, -33.808
XYZ	8.125, 8.275, 24.089
xyY	0.201, 0.204, 8.275
CIE-LCH	34.55, 33.891, 274.014
CIE-LUV	34.55, -17.486, -46.794
Hunter-Lab	28.767, 0.075, -29.513
Binary	00100010, 01010011, 10000111

#225387
```
#225387 rgb(34,83,135)
```
#875622
```
#875622 rgb(135,86,34)
```

Complementary Color

#228687
```
#228687 rgb(34,134,135)
```
#225387
```
#225387 rgb(34,83,135)
```
#242287
```
#242287 rgb(36,34,135)
```

Analogous Color

#868722
```
#868722 rgb(134,135,34)
```
#225387
```
#225387 rgb(34,83,135)
```
#872422
```
#872422 rgb(135,36,34)
```

Split Complementary Color

#538722
```
#538722 rgb(83,135,34)
```
#225387
```
#225387 rgb(34,83,135)
```
#872253
```
#872253 rgb(135,34,83)
```

Triadic Color

#228756
```
#228756 rgb(34,135,86)
```
#225387
```
#225387 rgb(34,83,135)
```
#872253
```
#872253 rgb(135,34,83)
```
#875622
```
#875622 rgb(135,86,34)
```

Tetradic Color

#132d4a
```
#132d4a rgb(19,45,74)
```
#183a5e
```
#183a5e rgb(24,58,94)
```
#1d4673
```
#1d4673 rgb(29,70,115)
```
#225387
```
#225387 rgb(34,83,135)
```
#27609b
```
#27609b rgb(39,96,155)
```
#2c6cb0
```
#2c6cb0 rgb(44,108,176)
```
#3179c4
```
#3179c4 rgb(49,121,196)
```

Monochromatic Color

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

#226c87
```
#226c87 rgb(34,108,135)
```
#226487
```
#226487 rgb(34,100,135)
```
#225b87
```
#225b87 rgb(34,91,135)
```
#225387
```
#225387 rgb(34,83,135)
```
#224b87
```
#224b87 rgb(34,75,135)
```
#224287
```
#224287 rgb(34,66,135)
```
#223a87
```
#223a87 rgb(34,58,135)
```

Similar Colors

Text with hexadecimal color #225387

This text has a font color of #225387.

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

#225387 background color

This paragraph has a background color of #225387.

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

#225387 border color

This element has a border color of #225387.

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

CSS codes

.text {color:#225387;}

.background {background-color:#225387;}

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

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

#02060a
```
#02060a rgb(2,6,10)
```
#061019
```
#061019 rgb(6,16,25)
```
#0a1929
```
#0a1929 rgb(10,25,41)
```
#0e2339
```
#0e2339 rgb(14,35,57)
```
#122c48
```
#122c48 rgb(18,44,72)
```
#163658
```
#163658 rgb(22,54,88)
```
#1a4068
```
#1a4068 rgb(26,64,104)
```
#1e4977
```
#1e4977 rgb(30,73,119)
```
#225387
```
#225387 rgb(34,83,135)
```
#265d97
```
#265d97 rgb(38,93,151)
```
#2a66a6
```
#2a66a6 rgb(42,102,166)
```
#2e70b6
```
#2e70b6 rgb(46,112,182)
```
#327ac6
```
#327ac6 rgb(50,122,198)
```

Shade Color Variation

#3d83ce
```
#3d83ce rgb(61,131,206)
```
#4d8dd2
```
#4d8dd2 rgb(77,141,210)
```
#5c97d6
```
#5c97d6 rgb(92,151,214)
```
#6ca1da
```
#6ca1da rgb(108,161,218)
```
#7cabde
```
#7cabde rgb(124,171,222)
```
#8bb5e2
```
#8bb5e2 rgb(139,181,226)
```
#9bbfe6
```
#9bbfe6 rgb(155,191,230)
```
#abc9ea
```
#abc9ea rgb(171,201,234)
```
#bad3ee
```
#bad3ee rgb(186,211,238)
```
#caddf2
```
#caddf2 rgb(202,221,242)
```
#dae7f6
```
#dae7f6 rgb(218,231,246)
```
#e9f1fa
```
#e9f1fa rgb(233,241,250)
```
#f9fbfd
```
#f9fbfd rgb(249,251,253)
```

Tint Color Variation

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

#50545a
```
#50545a rgb(80,84,90)
```
#495460
```
#495460 rgb(73,84,96)
```
#435467
```
#435467 rgb(67,84,103)
```
#3c546d
```
#3c546d rgb(60,84,109)
```
#365474
```
#365474 rgb(54,84,116)
```
#2f537a
```
#2f537a rgb(47,83,122)
```
#295381
```
#295381 rgb(41,83,129)
```
#225387
```
#225387 rgb(34,83,135)
```
#1c538e
```
#1c538e rgb(28,83,142)
```
#155394
```
#155394 rgb(21,83,148)
```
#0f529b
```
#0f529b rgb(15,82,155)
```
#0852a1
```
#0852a1 rgb(8,82,161)
```
#0152a8
```
#0152a8 rgb(1,82,168)
```

Tone Color Variation

Below, you can see how #225387 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
#424c56 Atypical Achromatopsia 0.001% of the population

Dichromacy

#45588a Protanopia 1% of men
#365a8d Deuteranopia 1% of men
#00636a Tritanopia 0.001% of the population

Trichromacy

#385689 Protanomaly 1% of men, 0.01% of women
#2e578b Deuteranomaly 6% of men, 0.4% of women
#0c5d74 Tritanomaly 0.01% of the population

#225387 hex color

#225387 Color Information

#225387 Color Conversion

Color Schemes with #225387

Alternatives to #225387

#225387 Preview

Shades and Tints of #225387

Tones of #225387

Color Blindness Simulator