#222060 hex color

In a RGB color space, hex #222060 is composed of 13.3% red, 12.5% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 64.6% cyan, 66.7% magenta, 0% yellow and 62.4% black. It has a hue angle of 241.9 degrees, a saturation of 50% and a lightness of 25.1%. #222060 color hex could be obtained by blending #4440c0 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

● #222060 color description : Very dark blue.

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

Hex triplet	222060	`#222060`
RGB Decimal	34, 32, 96	`rgb(34,32,96)`
RGB Percent	13.3, 12.5, 37.6	`rgb(13.3%,12.5%,37.6%)`
CMYK	65, 67, 0, 62
HSL	241.9°, 50, 25.1	`hsl(241.9,50%,25.1%)`
HSV (or HSB)	241.9°, 66.7, 37.6
Web Safe	333366	`#333366`

CIE-LAB	16.59, 22.43, -37.855
XYZ	3.287, 2.217, 11.32
xyY	0.195, 0.132, 2.217
CIE-LCH	16.59, 44.002, 300.648
CIE-LUV	16.59, -2.451, -39.962
Hunter-Lab	14.891, 13.343, -34.649
Binary	00100010, 00100000, 01100000

#222060
```
#222060 rgb(34,32,96)
```
#5e6020
```
#5e6020 rgb(94,96,32)
```

Complementary Color

#203e60
```
#203e60 rgb(32,62,96)
```
#222060
```
#222060 rgb(34,32,96)
```
#422060
```
#422060 rgb(66,32,96)
```

Analogous Color

#3e6020
```
#3e6020 rgb(62,96,32)
```
#222060
```
#222060 rgb(34,32,96)
```
#604220
```
#604220 rgb(96,66,32)
```

Split Complementary Color

#206022
```
#206022 rgb(32,96,34)
```
#222060
```
#222060 rgb(34,32,96)
```
#602220
```
#602220 rgb(96,34,32)
```

Triadic Color

#205e60
```
#205e60 rgb(32,94,96)
```
#222060
```
#222060 rgb(34,32,96)
```
#602220
```
#602220 rgb(96,34,32)
```
#5e6020
```
#5e6020 rgb(94,96,32)
```

Tetradic Color

#0e0d27
```
#0e0d27 rgb(14,13,39)
```
#14133a
```
#14133a rgb(20,19,58)
```
#1b1a4d
```
#1b1a4d rgb(27,26,77)
```
#222060
```
#222060 rgb(34,32,96)
```
#292673
```
#292673 rgb(41,38,115)
```
#302d86
```
#302d86 rgb(48,45,134)
```
#363399
```
#363399 rgb(54,51,153)
```

Monochromatic Color

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

#202e60
```
#202e60 rgb(32,46,96)
```
#202960
```
#202960 rgb(32,41,96)
```
#202360
```
#202360 rgb(32,35,96)
```
#222060
```
#222060 rgb(34,32,96)
```
#272060
```
#272060 rgb(39,32,96)
```
#2d2060
```
#2d2060 rgb(45,32,96)
```
#322060
```
#322060 rgb(50,32,96)
```

Similar Colors

Text with hexadecimal color #222060

This text has a font color of #222060.

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

#222060 background color

This paragraph has a background color of #222060.

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

#222060 border color

This element has a border color of #222060.

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

CSS codes

.text {color:#222060;}

.background {background-color:#222060;}

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

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

#030308
```
#030308 rgb(3,3,8)
```
#080716
```
#080716 rgb(8,7,22)
```
#0d0c25
```
#0d0c25 rgb(13,12,37)
```
#121134
```
#121134 rgb(18,17,52)
```
#181643
```
#181643 rgb(24,22,67)
```
#1d1b51
```
#1d1b51 rgb(29,27,81)
```
#222060
```
#222060 rgb(34,32,96)
```
#27256f
```
#27256f rgb(39,37,111)
```
#2c2a7d
```
#2c2a7d rgb(44,42,125)
```
#322f8c
```
#322f8c rgb(50,47,140)
```
#37349b
```
#37349b rgb(55,52,155)
```
#3c39aa
```
#3c39aa rgb(60,57,170)
```
#413db8
```
#413db8 rgb(65,61,184)
```

Shade Color Variation

#4b47c2
```
#4b47c2 rgb(75,71,194)
```
#5a56c7
```
#5a56c7 rgb(90,86,199)
```
#6865cc
```
#6865cc rgb(104,101,204)
```
#7774d1
```
#7774d1 rgb(119,116,209)
```
#8582d5
```
#8582d5 rgb(133,130,213)
```
#9391da
```
#9391da rgb(147,145,218)
```
#a2a0df
```
#a2a0df rgb(162,160,223)
```
#b0aee4
```
#b0aee4 rgb(176,174,228)
```
#bfbde9
```
#bfbde9 rgb(191,189,233)
```
#cdccee
```
#cdccee rgb(205,204,238)
```
#dbdbf3
```
#dbdbf3 rgb(219,219,243)
```
#eae9f8
```
#eae9f8 rgb(234,233,248)
```
#f8f8fd
```
#f8f8fd rgb(248,248,253)
```

Tint Color Variation

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

#3e3e42
```
#3e3e42 rgb(62,62,66)
```
#393947
```
#393947 rgb(57,57,71)
```
#34344c
```
#34344c rgb(52,52,76)
```
#302f51
```
#302f51 rgb(48,47,81)
```
#2b2a56
```
#2b2a56 rgb(43,42,86)
```
#27255b
```
#27255b rgb(39,37,91)
```
#222060
```
#222060 rgb(34,32,96)
```
#1d1b65
```
#1d1b65 rgb(29,27,101)
```
#19166a
```
#19166a rgb(25,22,106)
```
#14116f
```
#14116f rgb(20,17,111)
```
#100c74
```
#100c74 rgb(16,12,116)
```
#0b0779
```
#0b0779 rgb(11,7,121)
```
#06027e
```
#06027e rgb(6,2,126)
```

Tone Color Variation

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

#003262 Protanopia 1% of men
#003556 Deuteranopia 1% of men
#0f383d Tritanopia 0.001% of the population

Trichromacy

#0c2b61 Protanomaly 1% of men, 0.01% of women
#0c2d5a Deuteranomaly 6% of men, 0.4% of women
#162f49 Tritanomaly 0.01% of the population

#222060 hex color

#222060 Color Information

#222060 Color Conversion

Color Schemes with #222060

Alternatives to #222060

#222060 Preview

Shades and Tints of #222060

Tones of #222060

Color Blindness Simulator