#22145a hex color

In a RGB color space, hex #22145a is composed of 13.3% red, 7.8% green and 35.3% blue. Whereas in a CMYK color space, it is composed of 62.2% cyan, 77.8% magenta, 0% yellow and 64.7% black. It has a hue angle of 252 degrees, a saturation of 63.6% and a lightness of 21.6%. #22145a color hex could be obtained by blending #4428b4 with #000000. Closest websafe color is: #330066.

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

● #22145a color description : Very dark blue.

The hexadecimal color #22145a has RGB values of R:34, G:20, B:90 and CMYK values of C:0.62, M:0.78, Y:0, K:0.65. Its decimal value is 2233434.

Hex triplet	22145a	`#22145a`
RGB Decimal	34, 20, 90	`rgb(34,20,90)`
RGB Percent	13.3, 7.8, 35.3	`rgb(13.3%,7.8%,35.3%)`
CMYK	62, 78, 0, 65
HSL	252°, 63.6, 21.6	`hsl(252,63.6%,21.6%)`
HSV (or HSB)	252°, 77.8, 35.3
Web Safe	330066	`#330066`

CIE-LAB	13.099, 28.165, -39.557
XYZ	2.755, 1.578, 9.832
xyY	0.194, 0.111, 1.578
CIE-LCH	13.099, 48.559, 305.451
CIE-LUV	13.099, -0.137, -36.495
Hunter-Lab	12.564, 17.154, -37.603
Binary	00100010, 00010100, 01011010

#22145a
```
#22145a rgb(34,20,90)
```
#4c5a14
```
#4c5a14 rgb(76,90,20)
```

Complementary Color

#14295a
```
#14295a rgb(20,41,90)
```
#22145a
```
#22145a rgb(34,20,90)
```
#45145a
```
#45145a rgb(69,20,90)
```

Analogous Color

#295a14
```
#295a14 rgb(41,90,20)
```
#22145a
```
#22145a rgb(34,20,90)
```
#5a4514
```
#5a4514 rgb(90,69,20)
```

Split Complementary Color

#145a22
```
#145a22 rgb(20,90,34)
```
#22145a
```
#22145a rgb(34,20,90)
```
#5a2214
```
#5a2214 rgb(90,34,20)
```

Triadic Color

#144c5a
```
#144c5a rgb(20,76,90)
```
#22145a
```
#22145a rgb(34,20,90)
```
#5a2214
```
#5a2214 rgb(90,34,20)
```
#4c5a14
```
#4c5a14 rgb(76,90,20)
```

Tetradic Color

#0a061b
```
#0a061b rgb(10,6,27)
```
#120b30
```
#120b30 rgb(18,11,48)
```
#1a0f45
```
#1a0f45 rgb(26,15,69)
```
#22145a
```
#22145a rgb(34,20,90)
```
#2a196f
```
#2a196f rgb(42,25,111)
```
#321d84
```
#321d84 rgb(50,29,132)
```
#3a2299
```
#3a2299 rgb(58,34,153)
```

Monochromatic Color

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

#14185a
```
#14185a rgb(20,24,90)
```
#16145a
```
#16145a rgb(22,20,90)
```
#1c145a
```
#1c145a rgb(28,20,90)
```
#22145a
```
#22145a rgb(34,20,90)
```
#28145a
```
#28145a rgb(40,20,90)
```
#2e145a
```
#2e145a rgb(46,20,90)
```
#34145a
```
#34145a rgb(52,20,90)
```

Similar Colors

Text with hexadecimal color #22145a

This text has a font color of #22145a.

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

#22145a background color

This paragraph has a background color of #22145a.

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

#22145a border color

This element has a border color of #22145a.

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

CSS codes

.text {color:#22145a;}

.background {background-color:#22145a;}

.border {border:1px solid #22145a;}

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, #04020a is the darkest color, while #faf9fe is the lightest one.

#04020a
```
#04020a rgb(4,2,10)
```
#0a061a
```
#0a061a rgb(10,6,26)
```
#10092a
```
#10092a rgb(16,9,42)
```
#160d3a
```
#160d3a rgb(22,13,58)
```
#1c104a
```
#1c104a rgb(28,16,74)
```
#22145a
```
#22145a rgb(34,20,90)
```
#28186a
```
#28186a rgb(40,24,106)
```
#2e1b7a
```
#2e1b7a rgb(46,27,122)
```
#341f8a
```
#341f8a rgb(52,31,138)
```
#3a229a
```
#3a229a rgb(58,34,154)
```
#4026aa
```
#4026aa rgb(64,38,170)
```
#4629ba
```
#4629ba rgb(70,41,186)
```
#4c2dca
```
#4c2dca rgb(76,45,202)
```

Shade Color Variation

#5738d3
```
#5738d3 rgb(87,56,211)
```
#6548d6
```
#6548d6 rgb(101,72,214)
```
#7258da
```
#7258da rgb(114,88,218)
```
#8068de
```
#8068de rgb(128,104,222)
```
#8d78e1
```
#8d78e1 rgb(141,120,225)
```
#9b88e5
```
#9b88e5 rgb(155,136,229)
```
#a898e8
```
#a898e8 rgb(168,152,232)
```
#b6a8ec
```
#b6a8ec rgb(182,168,236)
```
#c3b9ef
```
#c3b9ef rgb(195,185,239)
```
#d1c9f3
```
#d1c9f3 rgb(209,201,243)
```
#dfd9f6
```
#dfd9f6 rgb(223,217,246)
```
#ece9fa
```
#ece9fa rgb(236,233,250)
```
#faf9fe
```
#faf9fe rgb(250,249,254)
```

Tint Color Variation

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

#363638
```
#363638 rgb(54,54,56)
```
#34323c
```
#34323c rgb(52,50,60)
```
#312d41
```
#312d41 rgb(49,45,65)
```
#2f2945
```
#2f2945 rgb(47,41,69)
```
#2c2549
```
#2c2549 rgb(44,37,73)
```
#2a214d
```
#2a214d rgb(42,33,77)
```
#271c52
```
#271c52 rgb(39,28,82)
```
#251856
```
#251856 rgb(37,24,86)
```
#22145a
```
#22145a rgb(34,20,90)
```
#1f105e
```
#1f105e rgb(31,16,94)
```
#1d0c62
```
#1d0c62 rgb(29,12,98)
```
#1a0767
```
#1a0767 rgb(26,7,103)
```
#18036b
```
#18036b rgb(24,3,107)
```

Tone Color Variation

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

#202020 Achromatopsia 0.005% of the population
#201e2c Atypical Achromatopsia 0.001% of the population

Dichromacy

#002b55 Protanopia 1% of men
#002e4a Deuteranopia 1% of men
#133134 Tritanopia 0.001% of the population

Trichromacy

#0c2357 Protanomaly 1% of men, 0.01% of women
#0c2450 Deuteranomaly 6% of men, 0.4% of women
#182642 Tritanomaly 0.01% of the population

#22145a hex color

#22145a Color Information

#22145a Color Conversion

Color Schemes with #22145a

Alternatives to #22145a

#22145a Preview

Shades and Tints of #22145a

Tones of #22145a

Color Blindness Simulator