#221886 hex color

In a RGB color space, hex #221886 is composed of 13.3% red, 9.4% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 74.6% cyan, 82.1% magenta, 0% yellow and 47.5% black. It has a hue angle of 245.5 degrees, a saturation of 69.6% and a lightness of 31%. #221886 color hex could be obtained by blending #4430ff with #00000d. Closest websafe color is: #330099.

♥
- f
- t
- g
- R 13
- G 9
- B 53
RGB color chart
- C 75
- M 82
- Y 0
- K 47
CMYK color chart

● #221886 color description : Dark blue.

The hexadecimal color #221886 has RGB values of R:34, G:24, B:134 and CMYK values of C:0.75, M:0.82, Y:0, K:0.47. Its decimal value is 2234502.

Hex triplet	221886	`#221886`
RGB Decimal	34, 24, 134	`rgb(34,24,134)`
RGB Percent	13.3, 9.4, 52.5	`rgb(13.3%,9.4%,52.5%)`
CMYK	75, 82, 0, 47
HSL	245.5°, 69.6, 31	`hsl(245.5,69.6%,31%)`
HSV (or HSB)	245.5°, 82.1, 52.5
Web Safe	330099	`#330099`

CIE-LAB	18.861, 40.62, -58.656
XYZ	5.289, 2.714, 22.798
xyY	0.172, 0.088, 2.714
CIE-LCH	18.861, 71.348, 304.703
CIE-LUV	18.861, -3.168, -62.475
Hunter-Lab	16.475, 28.468, -70.513
Binary	00100010, 00011000, 10000110

#221886
```
#221886 rgb(34,24,134)
```
#7c8618
```
#7c8618 rgb(124,134,24)
```

Complementary Color

#184586
```
#184586 rgb(24,69,134)
```
#221886
```
#221886 rgb(34,24,134)
```
#591886
```
#591886 rgb(89,24,134)
```

Analogous Color

#458618
```
#458618 rgb(69,134,24)
```
#221886
```
#221886 rgb(34,24,134)
```
#865918
```
#865918 rgb(134,89,24)
```

Split Complementary Color

#188622
```
#188622 rgb(24,134,34)
```
#221886
```
#221886 rgb(34,24,134)
```
#862218
```
#862218 rgb(134,34,24)
```

Triadic Color

#187c86
```
#187c86 rgb(24,124,134)
```
#221886
```
#221886 rgb(34,24,134)
```
#862218
```
#862218 rgb(134,34,24)
```
#7c8618
```
#7c8618 rgb(124,134,24)
```

Tetradic Color

#120c45
```
#120c45 rgb(18,12,69)
```
#17105b
```
#17105b rgb(23,16,91)
```
#1d1470
```
#1d1470 rgb(29,20,112)
```
#221886
```
#221886 rgb(34,24,134)
```
#271c9c
```
#271c9c rgb(39,28,156)
```
#2d20b1
```
#2d20b1 rgb(45,32,177)
```
#3224c7
```
#3224c7 rgb(50,36,199)
```

Monochromatic Color

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

#182a86
```
#182a86 rgb(24,42,134)
```
#182086
```
#182086 rgb(24,32,134)
```
#191886
```
#191886 rgb(25,24,134)
```
#221886
```
#221886 rgb(34,24,134)
```
#2b1886
```
#2b1886 rgb(43,24,134)
```
#341886
```
#341886 rgb(52,24,134)
```
#3e1886
```
#3e1886 rgb(62,24,134)
```

Similar Colors

Text with hexadecimal color #221886

This text has a font color of #221886.

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

#221886 background color

This paragraph has a background color of #221886.

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

#221886 border color

This element has a border color of #221886.

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

CSS codes

.text {color:#221886;}

.background {background-color:#221886;}

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

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

#000001
```
#000001 rgb(0,0,1)
```
#040312
```
#040312 rgb(4,3,18)
```
#090622
```
#090622 rgb(9,6,34)
```
#0d0933
```
#0d0933 rgb(13,9,51)
```
#110c43
```
#110c43 rgb(17,12,67)
```
#150f54
```
#150f54 rgb(21,15,84)
```
#1a1265
```
#1a1265 rgb(26,18,101)
```
#1e1575
```
#1e1575 rgb(30,21,117)
```
#221886
```
#221886 rgb(34,24,134)
```
#261b97
```
#261b97 rgb(38,27,151)
```
#2a1ea7
```
#2a1ea7 rgb(42,30,167)
```
#2f21b8
```
#2f21b8 rgb(47,33,184)
```
#3324c9
```
#3324c9 rgb(51,36,201)
```

Shade Color Variation

#3828d8
```
#3828d8 rgb(56,40,216)
```
#4738db
```
#4738db rgb(71,56,219)
```
#5749de
```
#5749de rgb(87,73,222)
```
#665ae1
```
#665ae1 rgb(102,90,225)
```
#756ae4
```
#756ae4 rgb(117,106,228)
```
#857be7
```
#857be7 rgb(133,123,231)
```
#948bea
```
#948bea rgb(148,139,234)
```
#a39ced
```
#a39ced rgb(163,156,237)
```
#b3adf0
```
#b3adf0 rgb(179,173,240)
```
#c2bdf3
```
#c2bdf3 rgb(194,189,243)
```
#d2cef6
```
#d2cef6 rgb(210,206,246)
```
#e1dff9
```
#e1dff9 rgb(225,223,249)
```
#f0effc
```
#f0effc rgb(240,239,252)
```

Tint Color Variation

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

#4f4f4f
```
#4f4f4f rgb(79,79,79)
```
#4a4955
```
#4a4955 rgb(74,73,85)
```
#45435b
```
#45435b rgb(69,67,91)
```
#403c62
```
#403c62 rgb(64,60,98)
```
#3b3668
```
#3b3668 rgb(59,54,104)
```
#36306e
```
#36306e rgb(54,48,110)
```
#312a74
```
#312a74 rgb(49,42,116)
```
#2c247a
```
#2c247a rgb(44,36,122)
```
#271e80
```
#271e80 rgb(39,30,128)
```
#221886
```
#221886 rgb(34,24,134)
```
#1d128c
```
#1d128c rgb(29,18,140)
```
#180c92
```
#180c92 rgb(24,12,146)
```
#130698
```
#130698 rgb(19,6,152)
```

Tone Color Variation

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

Dichromacy

#00376b Protanopia 1% of men
#003a5c Deuteranopia 1% of men
#003e41 Tritanopia 0.001% of the population

Trichromacy

#0c2b74 Protanomaly 1% of men, 0.01% of women
#0c2d6b Deuteranomaly 6% of men, 0.4% of women
#0c305a Tritanomaly 0.01% of the population

#221886 hex color

#221886 Color Information

#221886 Color Conversion

Color Schemes with #221886

Alternatives to #221886

#221886 Preview

Shades and Tints of #221886

Tones of #221886

Color Blindness Simulator