colorhexa.com

#22188b hex color

In a RGB color space, hex #22188b is composed of 13.3% red, 9.4% green and 54.5% blue. Whereas in a CMYK color space, it is composed of 75.5% cyan, 82.7% magenta, 0% yellow and 45.5% black. It has a hue angle of 245.2 degrees, a saturation of 70.6% and a lightness of 32%. #22188b color hex could be obtained by blending #4430ff with #000017. Closest websafe color is: #330099.

- R 13
- G 9
- B 55
RGB color chart
- C 76
- M 83
- Y 0
- K 45
CMYK color chart

● #22188b color description : Dark blue.

The hexadecimal color #22188b has RGB values of R:34, G:24, B:139 and CMYK values of C:0.76, M:0.83, Y:0, K:0.45. Its decimal value is 2234507.

Hex triplet	22188b	`#22188b`
RGB Decimal	34, 24, 139	`rgb(34,24,139)`
RGB Percent	13.3, 9.4, 54.5	`rgb(13.3%,9.4%,54.5%)`
CMYK	76, 83, 0, 45
HSL	245.2°, 70.6, 32	`hsl(245.2,70.6%,32%)`
HSV (or HSB)	245.2°, 82.7, 54.5
Web Safe	330099	`#330099`

CIE-LAB	19.462, 42.232, -60.799
XYZ	5.646, 2.857, 24.679
xyY	0.17, 0.086, 2.857
CIE-LCH	19.462, 74.028, 304.784
CIE-LUV	19.462, -3.428, -65.401
Hunter-Lab	16.903, 30.039, -74.732
Binary	00100010, 00011000, 10001011

#22188b
```
#22188b rgb(34,24,139)
```
#818b18
```
#818b18 rgb(129,139,24)
```

Complementary Color

#18488b
```
#18488b rgb(24,72,139)
```
#22188b
```
#22188b rgb(34,24,139)
```
#5c188b
```
#5c188b rgb(92,24,139)
```

Analogous Color

#478b18
```
#478b18 rgb(71,139,24)
```
#22188b
```
#22188b rgb(34,24,139)
```
#8b5c18
```
#8b5c18 rgb(139,92,24)
```

Split Complementary Color

#188b22
```
#188b22 rgb(24,139,34)
```
#22188b
```
#22188b rgb(34,24,139)
```
#8b2218
```
#8b2218 rgb(139,34,24)
```

Triadic Color

#18818b
```
#18818b rgb(24,129,139)
```
#22188b
```
#22188b rgb(34,24,139)
```
#8b2218
```
#8b2218 rgb(139,34,24)
```
#818b18
```
#818b18 rgb(129,139,24)
```

Tetradic Color

#120d4a
```
#120d4a rgb(18,13,74)
```
#171060
```
#171060 rgb(23,16,96)
```
#1d1475
```
#1d1475 rgb(29,20,117)
```
#22188b
```
#22188b rgb(34,24,139)
```
#271ca1
```
#271ca1 rgb(39,28,161)
```
#2d20b6
```
#2d20b6 rgb(45,32,182)
```
#3223cc
```
#3223cc rgb(50,35,204)
```

Monochromatic Color

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

#182b8b
```
#182b8b rgb(24,43,139)
```
#18218b
```
#18218b rgb(24,33,139)
```
#18188b
```
#18188b rgb(24,24,139)
```
#22188b
```
#22188b rgb(34,24,139)
```
#2c188b
```
#2c188b rgb(44,24,139)
```
#35188b
```
#35188b rgb(53,24,139)
```
#3f188b
```
#3f188b rgb(63,24,139)
```

Similar Colors

Text with hexadecimal color #22188b

This text has a font color of #22188b.

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

#22188b background color

This paragraph has a background color of #22188b.

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

#22188b border color

This element has a border color of #22188b.

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

CSS codes

.text {color:#22188b;}

.background {background-color:#22188b;}

.border {border:1px solid #22188b;}

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

#010105
```
#010105 rgb(1,1,5)
```
#050416
```
#050416 rgb(5,4,22)
```
#090727
```
#090727 rgb(9,7,39)
```
#0e0a37
```
#0e0a37 rgb(14,10,55)
```
#120c48
```
#120c48 rgb(18,12,72)
```
#160f59
```
#160f59 rgb(22,15,89)
```
#1a126a
```
#1a126a rgb(26,18,106)
```
#1e157a
```
#1e157a rgb(30,21,122)
```
#22188b
```
#22188b rgb(34,24,139)
```
#261b9c
```
#261b9c rgb(38,27,156)
```
#2a1eac
```
#2a1eac rgb(42,30,172)
```
#2e21bd
```
#2e21bd rgb(46,33,189)
```
#3224ce
```
#3224ce rgb(50,36,206)
```

Shade Color Variation

#3a2bda
```
#3a2bda rgb(58,43,218)
```
#4a3bdd
```
#4a3bdd rgb(74,59,221)
```
#594ce0
```
#594ce0 rgb(89,76,224)
```
#695de3
```
#695de3 rgb(105,93,227)
```
#786ee6
```
#786ee6 rgb(120,110,230)
```
#887ee9
```
#887ee9 rgb(136,126,233)
```
#978fec
```
#978fec rgb(151,143,236)
```
#a7a0ef
```
#a7a0ef rgb(167,160,239)
```
#b6b1f1
```
#b6b1f1 rgb(182,177,241)
```
#c6c1f4
```
#c6c1f4 rgb(198,193,244)
```
#d5d2f7
```
#d5d2f7 rgb(213,210,247)
```
#e5e3fa
```
#e5e3fa rgb(229,227,250)
```
#f4f3fd
```
#f4f3fd rgb(244,243,253)
```

Tint Color Variation

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

#515053
```
#515053 rgb(81,80,83)
```
#4b4a59
```
#4b4a59 rgb(75,74,89)
```
#46445f
```
#46445f rgb(70,68,95)
```
#413e65
```
#413e65 rgb(65,62,101)
```
#3c376c
```
#3c376c rgb(60,55,108)
```
#373172
```
#373172 rgb(55,49,114)
```
#322b78
```
#322b78 rgb(50,43,120)
```
#2c257e
```
#2c257e rgb(44,37,126)
```
#271e85
```
#271e85 rgb(39,30,133)
```
#22188b
```
#22188b rgb(34,24,139)
```
#1d1291
```
#1d1291 rgb(29,18,145)
```
#180b98
```
#180b98 rgb(24,11,152)
```
#12059e
```
#12059e rgb(18,5,158)
```

Tone Color Variation

Below, you can see how #22188b 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
#27253c Atypical Achromatopsia 0.001% of the population

Dichromacy

#00386d Protanopia 1% of men
#003b5e Deuteranopia 1% of men
#003f42 Tritanopia 0.001% of the population

Trichromacy

#0c2c78 Protanomaly 1% of men, 0.01% of women
#0c2e6e Deuteranomaly 6% of men, 0.4% of women
#0c315d Tritanomaly 0.01% of the population