#222061 hex color

In a RGB color space, hex #222061 is composed of 13.3% red, 12.5% green and 38% blue. Whereas in a CMYK color space, it is composed of 64.9% cyan, 67% magenta, 0% yellow and 62% black. It has a hue angle of 241.8 degrees, a saturation of 50.4% and a lightness of 25.3%. #222061 color hex could be obtained by blending #4440c2 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 13
- G 13
- B 38
RGB color chart
- C 65
- M 67
- Y 0
- K 62
CMYK color chart

● #222061 color description : Very dark blue.

The hexadecimal color #222061 has RGB values of R:34, G:32, B:97 and CMYK values of C:0.65, M:0.67, Y:0, K:0.62. Its decimal value is 2236513.

Hex triplet	222061	`#222061`
RGB Decimal	34, 32, 97	`rgb(34,32,97)`
RGB Percent	13.3, 12.5, 38	`rgb(13.3%,12.5%,38%)`
CMYK	65, 67, 0, 62
HSL	241.8°, 50.4, 25.3	`hsl(241.8,50.4%,25.3%)`
HSV (or HSB)	241.8°, 67, 38
Web Safe	333366	`#333366`

CIE-LAB	16.68, 22.802, -38.37
XYZ	3.333, 2.236, 11.565
xyY	0.195, 0.131, 2.236
CIE-LCH	16.68, 44.634, 300.722
CIE-LUV	16.68, -2.5, -40.581
Hunter-Lab	14.953, 13.623, -35.386
Binary	00100010, 00100000, 01100001

#222061
```
#222061 rgb(34,32,97)
```
#5f6120
```
#5f6120 rgb(95,97,32)
```

Complementary Color

#203f61
```
#203f61 rgb(32,63,97)
```
#222061
```
#222061 rgb(34,32,97)
```
#422061
```
#422061 rgb(66,32,97)
```

Analogous Color

#3f6120
```
#3f6120 rgb(63,97,32)
```
#222061
```
#222061 rgb(34,32,97)
```
#614320
```
#614320 rgb(97,67,32)
```

Split Complementary Color

#206122
```
#206122 rgb(32,97,34)
```
#222061
```
#222061 rgb(34,32,97)
```
#612220
```
#612220 rgb(97,34,32)
```

Triadic Color

#205f61
```
#205f61 rgb(32,95,97)
```
#222061
```
#222061 rgb(34,32,97)
```
#612220
```
#612220 rgb(97,34,32)
```
#5f6120
```
#5f6120 rgb(95,97,32)
```

Tetradic Color

#0e0d27
```
#0e0d27 rgb(14,13,39)
```
#15133b
```
#15133b rgb(21,19,59)
```
#1b1a4e
```
#1b1a4e rgb(27,26,78)
```
#222061
```
#222061 rgb(34,32,97)
```
#292674
```
#292674 rgb(41,38,116)
```
#2f2d87
```
#2f2d87 rgb(47,45,135)
```
#36339b
```
#36339b rgb(54,51,155)
```

Monochromatic Color

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

#202e61
```
#202e61 rgb(32,46,97)
```
#202961
```
#202961 rgb(32,41,97)
```
#202361
```
#202361 rgb(32,35,97)
```
#222061
```
#222061 rgb(34,32,97)
```
#272061
```
#272061 rgb(39,32,97)
```
#2d2061
```
#2d2061 rgb(45,32,97)
```
#322061
```
#322061 rgb(50,32,97)
```

Similar Colors

Text with hexadecimal color #222061

This text has a font color of #222061.

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

#222061 background color

This paragraph has a background color of #222061.

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

#222061 border color

This element has a border color of #222061.

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

CSS codes

.text {color:#222061;}

.background {background-color:#222061;}

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

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

#030309
```
#030309 rgb(3,3,9)
```
#080817
```
#080817 rgb(8,8,23)
```
#0d0d26
```
#0d0d26 rgb(13,13,38)
```
#121135
```
#121135 rgb(18,17,53)
```
#181644
```
#181644 rgb(24,22,68)
```
#1d1b52
```
#1d1b52 rgb(29,27,82)
```
#222061
```
#222061 rgb(34,32,97)
```
#272570
```
#272570 rgb(39,37,112)
```
#2c2a7e
```
#2c2a7e rgb(44,42,126)
```
#322f8d
```
#322f8d rgb(50,47,141)
```
#37339c
```
#37339c rgb(55,51,156)
```
#3c38ab
```
#3c38ab rgb(60,56,171)
```
#413db9
```
#413db9 rgb(65,61,185)
```

Shade Color Variation

#4c48c3
```
#4c48c3 rgb(76,72,195)
```
#5a57c7
```
#5a57c7 rgb(90,87,199)
```
#6865cc
```
#6865cc rgb(104,101,204)
```
#7774d1
```
#7774d1 rgb(119,116,209)
```
#8583d6
```
#8583d6 rgb(133,131,214)
```
#9492db
```
#9492db rgb(148,146,219)
```
#a2a0e0
```
#a2a0e0 rgb(162,160,224)
```
#b1afe5
```
#b1afe5 rgb(177,175,229)
```
#bfbee9
```
#bfbee9 rgb(191,190,233)
```
#cecdee
```
#cecdee rgb(206,205,238)
```
#dcdbf3
```
#dcdbf3 rgb(220,219,243)
```
#eaeaf8
```
#eaeaf8 rgb(234,234,248)
```
#f9f9fd
```
#f9f9fd rgb(249,249,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #3e3e43 is the less saturated color, while #06027f is the most saturated one.

#3e3e43
```
#3e3e43 rgb(62,62,67)
```
#393948
```
#393948 rgb(57,57,72)
```
#35344d
```
#35344d rgb(53,52,77)
```
#302f52
```
#302f52 rgb(48,47,82)
```
#2b2a57
```
#2b2a57 rgb(43,42,87)
```
#27255c
```
#27255c rgb(39,37,92)
```
#222061
```
#222061 rgb(34,32,97)
```
#1d1b66
```
#1d1b66 rgb(29,27,102)
```
#19166b
```
#19166b rgb(25,22,107)
```
#141170
```
#141170 rgb(20,17,112)
```
#0f0c75
```
#0f0c75 rgb(15,12,117)
```
#0b077a
```
#0b077a rgb(11,7,122)
```
#06027f
```
#06027f rgb(6,2,127)
```

Tone Color Variation

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

#282828 Achromatopsia 0.005% of the population
#272633 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003263 Protanopia 1% of men
#003556 Deuteranopia 1% of men
#0c393d Tritanopia 0.001% of the population

Trichromacy

#0c2b62 Protanomaly 1% of men, 0.01% of women
#0c2d5a Deuteranomaly 6% of men, 0.4% of women
#14304a Tritanomaly 0.01% of the population

#222061 hex color

#222061 Color Information

#222061 Color Conversion

Color Schemes with #222061

Alternatives to #222061

#222061 Preview

Shades and Tints of #222061

Tones of #222061

Color Blindness Simulator