colorhexa.com

#222670 hex color

In a RGB color space, hex #222670 is composed of 13.3% red, 14.9% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 69.6% cyan, 66.1% magenta, 0% yellow and 56.1% black. It has a hue angle of 236.9 degrees, a saturation of 53.4% and a lightness of 28.6%. #222670 color hex could be obtained by blending #444ce0 with #000000. Closest websafe color is: #333366.

- R 13
- G 15
- B 44
RGB color chart
- C 70
- M 66
- Y 0
- K 56
CMYK color chart

● #222670 color description : Very dark blue.

The hexadecimal color #222670 has RGB values of R:34, G:38, B:112 and CMYK values of C:0.7, M:0.66, Y:0, K:0.56. Its decimal value is 2238064.

Hex triplet	222670	`#222670`
RGB Decimal	34, 38, 112	`rgb(34,38,112)`
RGB Percent	13.3, 14.9, 43.9	`rgb(13.3%,14.9%,43.9%)`
CMYK	70, 66, 0, 56
HSL	236.9°, 53.4, 28.6	`hsl(236.9,53.4%,28.6%)`
HSV (or HSB)	236.9°, 69.6, 43.9
Web Safe	333366	`#333366`

CIE-LAB	19.622, 24.297, -43.374
XYZ	4.277, 2.896, 15.662
xyY	0.187, 0.127, 2.896
CIE-LCH	19.622, 49.715, 299.257
CIE-LUV	19.622, -4.386, -49.263
Hunter-Lab	17.017, 15.08, -42.655
Binary	00100010, 00100110, 01110000

#222670
```
#222670 rgb(34,38,112)
```
#706c22
```
#706c22 rgb(112,108,34)
```

Complementary Color

#224d70
```
#224d70 rgb(34,77,112)
```
#222670
```
#222670 rgb(34,38,112)
```
#452270
```
#452270 rgb(69,34,112)
```

Analogous Color

#4d7022
```
#4d7022 rgb(77,112,34)
```
#222670
```
#222670 rgb(34,38,112)
```
#704522
```
#704522 rgb(112,69,34)
```

Split Complementary Color

#267022
```
#267022 rgb(38,112,34)
```
#222670
```
#222670 rgb(34,38,112)
```
#702226
```
#702226 rgb(112,34,38)
```

Triadic Color

#22706c
```
#22706c rgb(34,112,108)
```
#222670
```
#222670 rgb(34,38,112)
```
#702226
```
#702226 rgb(112,34,38)
```
#706c22
```
#706c22 rgb(112,108,34)
```

Tetradic Color

#101235
```
#101235 rgb(16,18,53)
```
#161949
```
#161949 rgb(22,25,73)
```
#1c1f5c
```
#1c1f5c rgb(28,31,92)
```
#222670
```
#222670 rgb(34,38,112)
```
#282d84
```
#282d84 rgb(40,45,132)
```
#2e3397
```
#2e3397 rgb(46,51,151)
```
#343aab
```
#343aab rgb(52,58,171)
```

Monochromatic Color

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

#223a70
```
#223a70 rgb(34,58,112)
```
#223370
```
#223370 rgb(34,51,112)
```
#222d70
```
#222d70 rgb(34,45,112)
```
#222670
```
#222670 rgb(34,38,112)
```
#242270
```
#242270 rgb(36,34,112)
```
#2b2270
```
#2b2270 rgb(43,34,112)
```
#312270
```
#312270 rgb(49,34,112)
```

Similar Colors

Text with hexadecimal color #222670

This text has a font color of #222670.

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

#222670 background color

This paragraph has a background color of #222670.

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

#222670 border color

This element has a border color of #222670.

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

CSS codes

.text {color:#222670;}

.background {background-color:#222670;}

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

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

#020207
```
#020207 rgb(2,2,7)
```
#070716
```
#070716 rgb(7,7,22)
```
#0b0c25
```
#0b0c25 rgb(11,12,37)
```
#101234
```
#101234 rgb(16,18,52)
```
#141743
```
#141743 rgb(20,23,67)
```
#191c52
```
#191c52 rgb(25,28,82)
```
#1d2161
```
#1d2161 rgb(29,33,97)
```
#222670
```
#222670 rgb(34,38,112)
```
#272b7f
```
#272b7f rgb(39,43,127)
```
#2b308e
```
#2b308e rgb(43,48,142)
```
#30359d
```
#30359d rgb(48,53,157)
```
#343aac
```
#343aac rgb(52,58,172)
```
#3940bb
```
#3940bb rgb(57,64,187)
```

Shade Color Variation

#4249c6
```
#4249c6 rgb(66,73,198)
```
#5157ca
```
#5157ca rgb(81,87,202)
```
#6066cf
```
#6066cf rgb(96,102,207)
```
#6f74d3
```
#6f74d3 rgb(111,116,211)
```
#7e83d8
```
#7e83d8 rgb(126,131,216)
```
#8d91dc
```
#8d91dc rgb(141,145,220)
```
#9ca0e1
```
#9ca0e1 rgb(156,160,225)
```
#abaee6
```
#abaee6 rgb(171,174,230)
```
#babdea
```
#babdea rgb(186,189,234)
```
#c9cbef
```
#c9cbef rgb(201,203,239)
```
#d9daf3
```
#d9daf3 rgb(217,218,243)
```
#e8e8f8
```
#e8e8f8 rgb(232,232,248)
```
#f7f7fc
```
#f7f7fc rgb(247,247,252)
```

Tint Color Variation

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

#44444e
```
#44444e rgb(68,68,78)
```
#3e3f54
```
#3e3f54 rgb(62,63,84)
```
#383a5a
```
#383a5a rgb(56,58,90)
```
#33355f
```
#33355f rgb(51,53,95)
```
#2d3065
```
#2d3065 rgb(45,48,101)
```
#282b6a
```
#282b6a rgb(40,43,106)
```
#222670
```
#222670 rgb(34,38,112)
```
#1c2176
```
#1c2176 rgb(28,33,118)
```
#171c7b
```
#171c7b rgb(23,28,123)
```
#111781
```
#111781 rgb(17,23,129)
```
#0c1286
```
#0c1286 rgb(12,18,134)
```
#060d8c
```
#060d8c rgb(6,13,140)
```
#000892
```
#000892 rgb(0,8,146)
```

Tone Color Variation

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

#2d2d2d Achromatopsia 0.005% of the population
#2b2c3a Atypical Achromatopsia 0.001% of the population

Dichromacy

#00386e Protanopia 1% of men
#003b60 Deuteranopia 1% of men
#003f44 Tritanopia 0.001% of the population

Trichromacy

#0c316f Protanomaly 1% of men, 0.01% of women
#0c3366 Deuteranomaly 6% of men, 0.4% of women
#0c3654 Tritanomaly 0.01% of the population