#221356 hex color

In a RGB color space, hex #221356 is composed of 13.3% red, 7.5% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 60.5% cyan, 77.9% magenta, 0% yellow and 66.3% black. It has a hue angle of 253.4 degrees, a saturation of 63.8% and a lightness of 20.6%. #221356 color hex could be obtained by blending #4426ac with #000000. Closest websafe color is: #330066.

♥
- f
- t
- g
- R 13
- G 7
- B 34
RGB color chart
- C 60
- M 78
- Y 0
- K 66
CMYK color chart

● #221356 color description : Very dark blue.

The hexadecimal color #221356 has RGB values of R:34, G:19, B:86 and CMYK values of C:0.6, M:0.78, Y:0, K:0.66. Its decimal value is 2233174.

Hex triplet	221356	`#221356`
RGB Decimal	34, 19, 86	`rgb(34,19,86)`
RGB Percent	13.3, 7.5, 33.7	`rgb(13.3%,7.5%,33.7%)`
CMYK	60, 78, 0, 66
HSL	253.4°, 63.8, 20.6	`hsl(253.4,63.8%,20.6%)`
HSV (or HSB)	253.4°, 77.9, 33.7
Web Safe	330066	`#330066`

CIE-LAB	12.465, 27.416, -37.892
XYZ	2.572, 1.478, 8.953
xyY	0.198, 0.114, 1.478
CIE-LCH	12.465, 46.77, 305.887
CIE-LUV	12.465, 0.251, -34.126
Hunter-Lab	12.156, 16.495, -35.161
Binary	00100010, 00010011, 01010110

#221356
```
#221356 rgb(34,19,86)
```
#475613
```
#475613 rgb(71,86,19)
```

Complementary Color

#132656
```
#132656 rgb(19,38,86)
```
#221356
```
#221356 rgb(34,19,86)
```
#441356
```
#441356 rgb(68,19,86)
```

Analogous Color

#265613
```
#265613 rgb(38,86,19)
```
#221356
```
#221356 rgb(34,19,86)
```
#564413
```
#564413 rgb(86,68,19)
```

Split Complementary Color

#135622
```
#135622 rgb(19,86,34)
```
#221356
```
#221356 rgb(34,19,86)
```
#562213
```
#562213 rgb(86,34,19)
```

Triadic Color

#134756
```
#134756 rgb(19,71,86)
```
#221356
```
#221356 rgb(34,19,86)
```
#562213
```
#562213 rgb(86,34,19)
```
#475613
```
#475613 rgb(71,86,19)
```

Tetradic Color

#090517
```
#090517 rgb(9,5,23)
```
#110a2c
```
#110a2c rgb(17,10,44)
```
#1a0e41
```
#1a0e41 rgb(26,14,65)
```
#221356
```
#221356 rgb(34,19,86)
```
#2a186b
```
#2a186b rgb(42,24,107)
```
#331c80
```
#331c80 rgb(51,28,128)
```
#3b2195
```
#3b2195 rgb(59,33,149)
```

Monochromatic Color

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

#131556
```
#131556 rgb(19,21,86)
```
#171356
```
#171356 rgb(23,19,86)
```
#1c1356
```
#1c1356 rgb(28,19,86)
```
#221356
```
#221356 rgb(34,19,86)
```
#281356
```
#281356 rgb(40,19,86)
```
#2d1356
```
#2d1356 rgb(45,19,86)
```
#331356
```
#331356 rgb(51,19,86)
```

Similar Colors

Text with hexadecimal color #221356

This text has a font color of #221356.

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

#221356 background color

This paragraph has a background color of #221356.

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

#221356 border color

This element has a border color of #221356.

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

CSS codes

.text {color:#221356;}

.background {background-color:#221356;}

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

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

#020106
```
#020106 rgb(2,1,6)
```
#090516
```
#090516 rgb(9,5,22)
```
#0f0826
```
#0f0826 rgb(15,8,38)
```
#150c36
```
#150c36 rgb(21,12,54)
```
#1c0f46
```
#1c0f46 rgb(28,15,70)
```
#221356
```
#221356 rgb(34,19,86)
```
#281766
```
#281766 rgb(40,23,102)
```
#2f1a76
```
#2f1a76 rgb(47,26,118)
```
#351e86
```
#351e86 rgb(53,30,134)
```
#3b2196
```
#3b2196 rgb(59,33,150)
```
#4225a6
```
#4225a6 rgb(66,37,166)
```
#4828b6
```
#4828b6 rgb(72,40,182)
```
#4e2cc6
```
#4e2cc6 rgb(78,44,198)
```

Shade Color Variation

#5734d2
```
#5734d2 rgb(87,52,210)
```
#6544d6
```
#6544d6 rgb(101,68,214)
```
#7254d9
```
#7254d9 rgb(114,84,217)
```
#7f64dd
```
#7f64dd rgb(127,100,221)
```
#8c74e0
```
#8c74e0 rgb(140,116,224)
```
#9a84e4
```
#9a84e4 rgb(154,132,228)
```
#a794e7
```
#a794e7 rgb(167,148,231)
```
#b4a4eb
```
#b4a4eb rgb(180,164,235)
```
#c1b4ef
```
#c1b4ef rgb(193,180,239)
```
#cfc4f2
```
#cfc4f2 rgb(207,196,242)
```
#dcd4f6
```
#dcd4f6 rgb(220,212,246)
```
#e9e5f9
```
#e9e5f9 rgb(233,229,249)
```
#f6f5fd
```
#f6f5fd rgb(246,245,253)
```

Tint Color Variation

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

#343336
```
#343336 rgb(52,51,54)
```
#322f3a
```
#322f3a rgb(50,47,58)
```
#2f2b3e
```
#2f2b3e rgb(47,43,62)
```
#2d2742
```
#2d2742 rgb(45,39,66)
```
#2b2346
```
#2b2346 rgb(43,35,70)
```
#291f4a
```
#291f4a rgb(41,31,74)
```
#261b4e
```
#261b4e rgb(38,27,78)
```
#241752
```
#241752 rgb(36,23,82)
```
#221356
```
#221356 rgb(34,19,86)
```
#200f5a
```
#200f5a rgb(32,15,90)
```
#1e0b5e
```
#1e0b5e rgb(30,11,94)
```
#1b0762
```
#1b0762 rgb(27,7,98)
```
#190366
```
#190366 rgb(25,3,102)
```

Tone Color Variation

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

#1f1f1f Achromatopsia 0.005% of the population
#201d2a Atypical Achromatopsia 0.001% of the population

Dichromacy

#002a53 Protanopia 1% of men
#002d48 Deuteranopia 1% of men
#172f32 Tritanopia 0.001% of the population

Trichromacy

#0c2254 Protanomaly 1% of men, 0.01% of women
#0c234d Deuteranomaly 6% of men, 0.4% of women
#1b253f Tritanomaly 0.01% of the population

#221356 hex color

#221356 Color Information

#221356 Color Conversion

Color Schemes with #221356

Alternatives to #221356

#221356 Preview

Shades and Tints of #221356

Tones of #221356

Color Blindness Simulator