#222985 hex color

In a RGB color space, hex #222985 is composed of 13.3% red, 16.1% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 74.4% cyan, 69.2% magenta, 0% yellow and 47.8% black. It has a hue angle of 235.8 degrees, a saturation of 59.3% and a lightness of 32.7%. #222985 color hex could be obtained by blending #4452ff with #00000b. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 13
- G 16
- B 52
RGB color chart
- C 74
- M 69
- Y 0
- K 48
CMYK color chart

● #222985 color description : Dark blue.

The hexadecimal color #222985 has RGB values of R:34, G:41, B:133 and CMYK values of C:0.74, M:0.69, Y:0, K:0.48. Its decimal value is 2238853.

Hex triplet	222985	`#222985`
RGB Decimal	34, 41, 133	`rgb(34,41,133)`
RGB Percent	13.3, 16.1, 52.2	`rgb(13.3%,16.1%,52.2%)`
CMYK	74, 69, 0, 48
HSL	235.8°, 59.3, 32.7	`hsl(235.8,59.3%,32.7%)`
HSV (or HSB)	235.8°, 74.4, 52.2
Web Safe	333399	`#333399`

CIE-LAB	22.37, 30.157, -52.241
XYZ	5.685, 3.619, 22.588
xyY	0.178, 0.113, 3.619
CIE-LCH	22.37, 60.32, 299.996
CIE-LUV	22.37, -5.759, -62.042
Hunter-Lab	19.024, 20.054, -57.081
Binary	00100010, 00101001, 10000101

#222985
```
#222985 rgb(34,41,133)
```
#857e22
```
#857e22 rgb(133,126,34)
```

Complementary Color

#225b85
```
#225b85 rgb(34,91,133)
```
#222985
```
#222985 rgb(34,41,133)
```
#4d2285
```
#4d2285 rgb(77,34,133)
```

Analogous Color

#5b8522
```
#5b8522 rgb(91,133,34)
```
#222985
```
#222985 rgb(34,41,133)
```
#854d22
```
#854d22 rgb(133,77,34)
```

Split Complementary Color

#298522
```
#298522 rgb(41,133,34)
```
#222985
```
#222985 rgb(34,41,133)
```
#852229
```
#852229 rgb(133,34,41)
```

Triadic Color

#22857e
```
#22857e rgb(34,133,126)
```
#222985
```
#222985 rgb(34,41,133)
```
#852229
```
#852229 rgb(133,34,41)
```
#857e22
```
#857e22 rgb(133,126,34)
```

Tetradic Color

#121648
```
#121648 rgb(18,22,72)
```
#181c5c
```
#181c5c rgb(24,28,92)
```
#1d2371
```
#1d2371 rgb(29,35,113)
```
#222985
```
#222985 rgb(34,41,133)
```
#272f99
```
#272f99 rgb(39,47,153)
```
#2c36ae
```
#2c36ae rgb(44,54,174)
```
#323cc2
```
#323cc2 rgb(50,60,194)
```

Monochromatic Color

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

#224285
```
#224285 rgb(34,66,133)
```
#223a85
```
#223a85 rgb(34,58,133)
```
#223185
```
#223185 rgb(34,49,133)
```
#222985
```
#222985 rgb(34,41,133)
```
#232285
```
#232285 rgb(35,34,133)
```
#2c2285
```
#2c2285 rgb(44,34,133)
```
#342285
```
#342285 rgb(52,34,133)
```

Similar Colors

Text with hexadecimal color #222985

This text has a font color of #222985.

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

#222985 background color

This paragraph has a background color of #222985.

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

#222985 border color

This element has a border color of #222985.

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

CSS codes

.text {color:#222985;}

.background {background-color:#222985;}

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

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

#020208
```
#020208 rgb(2,2,8)
```
#060718
```
#060718 rgb(6,7,24)
```
#0a0c27
```
#0a0c27 rgb(10,12,39)
```
#0e1137
```
#0e1137 rgb(14,17,55)
```
#121647
```
#121647 rgb(18,22,71)
```
#161b56
```
#161b56 rgb(22,27,86)
```
#1a1f66
```
#1a1f66 rgb(26,31,102)
```
#1e2475
```
#1e2475 rgb(30,36,117)
```
#222985
```
#222985 rgb(34,41,133)
```
#262e95
```
#262e95 rgb(38,46,149)
```
#2a33a4
```
#2a33a4 rgb(42,51,164)
```
#2e37b4
```
#2e37b4 rgb(46,55,180)
```
#323cc3
```
#323cc3 rgb(50,60,195)
```

Shade Color Variation

#3c46cd
```
#3c46cd rgb(60,70,205)
```
#4c55d1
```
#4c55d1 rgb(76,85,209)
```
#5b64d5
```
#5b64d5 rgb(91,100,213)
```
#6b73d9
```
#6b73d9 rgb(107,115,217)
```
#7a81dd
```
#7a81dd rgb(122,129,221)
```
#8a90e1
```
#8a90e1 rgb(138,144,225)
```
#9a9fe5
```
#9a9fe5 rgb(154,159,229)
```
#a9aee9
```
#a9aee9 rgb(169,174,233)
```
#b9bded
```
#b9bded rgb(185,189,237)
```
#c9cbf1
```
#c9cbf1 rgb(201,203,241)
```
#d8daf5
```
#d8daf5 rgb(216,218,245)
```
#e8e9f9
```
#e8e9f9 rgb(232,233,249)
```
#f7f8fd
```
#f7f8fd rgb(247,248,253)
```

Tint Color Variation

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

#4f5058
```
#4f5058 rgb(79,80,88)
```
#494a5e
```
#494a5e rgb(73,74,94)
```
#424565
```
#424565 rgb(66,69,101)
```
#3c3f6b
```
#3c3f6b rgb(60,63,107)
```
#353a72
```
#353a72 rgb(53,58,114)
```
#2f3478
```
#2f3478 rgb(47,52,120)
```
#282f7f
```
#282f7f rgb(40,47,127)
```
#222985
```
#222985 rgb(34,41,133)
```
#1c238b
```
#1c238b rgb(28,35,139)
```
#151e92
```
#151e92 rgb(21,30,146)
```
#0f1898
```
#0f1898 rgb(15,24,152)
```
#08139f
```
#08139f rgb(8,19,159)
```
#020da5
```
#020da5 rgb(2,13,165)
```

Tone Color Variation

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

#313131 Achromatopsia 0.005% of the population
#2e2f42 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003e79 Protanopia 1% of men
#004169 Deuteranopia 1% of men
#00464a Tritanopia 0.001% of the population

Trichromacy

#0c367d Protanomaly 1% of men, 0.01% of women
#0c3873 Deuteranomaly 6% of men, 0.4% of women
#0c3b5f Tritanomaly 0.01% of the population

#222985 hex color

#222985 Color Information

#222985 Color Conversion

Color Schemes with #222985

Alternatives to #222985

#222985 Preview

Shades and Tints of #222985

Tones of #222985

Color Blindness Simulator