#221ac2 hex color

In a RGB color space, hex #221ac2 is composed of 13.3% red, 10.2% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 82.5% cyan, 86.6% magenta, 0% yellow and 23.9% black. It has a hue angle of 242.9 degrees, a saturation of 76.4% and a lightness of 43.1%. #221ac2 color hex could be obtained by blending #4434ff with #000085. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 13
- G 10
- B 76
RGB color chart
- C 82
- M 87
- Y 0
- K 24
CMYK color chart

● #221ac2 color description : Strong blue.

The hexadecimal color #221ac2 has RGB values of R:34, G:26, B:194 and CMYK values of C:0.82, M:0.87, Y:0, K:0.24. Its decimal value is 2235074.

Hex triplet	221ac2	`#221ac2`
RGB Decimal	34, 26, 194	`rgb(34,26,194)`
RGB Percent	13.3, 10.2, 76.1	`rgb(13.3%,10.2%,76.1%)`
CMYK	82, 87, 0, 24
HSL	242.9°, 76.4, 43.1	`hsl(242.9,76.4%,43.1%)`
HSV (or HSB)	242.9°, 86.6, 76.1
Web Safe	3333cc	`#3333cc`

CIE-LAB	26.658, 58.041, -82.207
XYZ	10.765, 4.973, 51.429
xyY	0.16, 0.074, 4.973
CIE-LCH	26.658, 100.632, 305.223
CIE-LUV	26.658, -6.295, -97.579
Hunter-Lab	22.301, 47.138, -121.121
Binary	00100010, 00011010, 11000010

#221ac2
```
#221ac2 rgb(34,26,194)
```
#bac21a
```
#bac21a rgb(186,194,26)
```

Complementary Color

#1a66c2
```
#1a66c2 rgb(26,102,194)
```
#221ac2
```
#221ac2 rgb(34,26,194)
```
#761ac2
```
#761ac2 rgb(118,26,194)
```

Analogous Color

#66c21a
```
#66c21a rgb(102,194,26)
```
#221ac2
```
#221ac2 rgb(34,26,194)
```
#c2761a
```
#c2761a rgb(194,118,26)
```

Split Complementary Color

#1ac222
```
#1ac222 rgb(26,194,34)
```
#221ac2
```
#221ac2 rgb(34,26,194)
```
#c2221a
```
#c2221a rgb(194,34,26)
```

Triadic Color

#1abac2
```
#1abac2 rgb(26,186,194)
```
#221ac2
```
#221ac2 rgb(34,26,194)
```
#c2221a
```
#c2221a rgb(194,34,26)
```
#bac21a
```
#bac21a rgb(186,194,26)
```

Tetradic Color

#16117f
```
#16117f rgb(22,17,127)
```
#1a1495
```
#1a1495 rgb(26,20,149)
```
#1e17ac
```
#1e17ac rgb(30,23,172)
```
#221ac2
```
#221ac2 rgb(34,26,194)
```
#261dd8
```
#261dd8 rgb(38,29,216)
```
#352ce3
```
#352ce3 rgb(53,44,227)
```
#4a43e6
```
#4a43e6 rgb(74,67,230)
```

Monochromatic Color

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

#1a3cc2
```
#1a3cc2 rgb(26,60,194)
```
#1a2ec2
```
#1a2ec2 rgb(26,46,194)
```
#1a20c2
```
#1a20c2 rgb(26,32,194)
```
#221ac2
```
#221ac2 rgb(34,26,194)
```
#301ac2
```
#301ac2 rgb(48,26,194)
```
#3e1ac2
```
#3e1ac2 rgb(62,26,194)
```
#4c1ac2
```
#4c1ac2 rgb(76,26,194)
```

Similar Colors

Text with hexadecimal color #221ac2

This text has a font color of #221ac2.

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

#221ac2 background color

This paragraph has a background color of #221ac2.

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

#221ac2 border color

This element has a border color of #221ac2.

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

CSS codes

.text {color:#221ac2;}

.background {background-color:#221ac2;}

.border {border:1px solid #221ac2;}

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

#010004
```
#010004 rgb(1,0,4)
```
#040315
```
#040315 rgb(4,3,21)
```
#070526
```
#070526 rgb(7,5,38)
```
#0a0738
```
#0a0738 rgb(10,7,56)
```
#0d0a49
```
#0d0a49 rgb(13,10,73)
```
#100c5a
```
#100c5a rgb(16,12,90)
```
#130e6c
```
#130e6c rgb(19,14,108)
```
#16117d
```
#16117d rgb(22,17,125)
```
#19138e
```
#19138e rgb(25,19,142)
```
#1c159f
```
#1c159f rgb(28,21,159)
```
#1f18b1
```
#1f18b1 rgb(31,24,177)
```
#221ac2
```
#221ac2 rgb(34,26,194)
```
#251cd3
```
#251cd3 rgb(37,28,211)
```

Shade Color Variation

#2b22e1
```
#2b22e1 rgb(43,34,225)
```
#3c33e4
```
#3c33e4 rgb(60,51,228)
```
#4c44e6
```
#4c44e6 rgb(76,68,230)
```
#5d56e8
```
#5d56e8 rgb(93,86,232)
```
#6d67eb
```
#6d67eb rgb(109,103,235)
```
#7e78ed
```
#7e78ed rgb(126,120,237)
```
#8e8aef
```
#8e8aef rgb(142,138,239)
```
#9f9bf2
```
#9f9bf2 rgb(159,155,242)
```
#b0acf4
```
#b0acf4 rgb(176,172,244)
```
#c0bef6
```
#c0bef6 rgb(192,190,246)
```
#d1cff9
```
#d1cff9 rgb(209,207,249)
```
#e1e0fb
```
#e1e0fb rgb(225,224,251)
```
#f2f1fd
```
#f2f1fd rgb(242,241,253)
```

Tint Color Variation

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

#676676
```
#676676 rgb(103,102,118)
```
#5f5e7e
```
#5f5e7e rgb(95,94,126)
```
#585587
```
#585587 rgb(88,85,135)
```
#504d8f
```
#504d8f rgb(80,77,143)
```
#484498
```
#484498 rgb(72,68,152)
```
#413ca0
```
#413ca0 rgb(65,60,160)
```
#3933a9
```
#3933a9 rgb(57,51,169)
```
#312bb1
```
#312bb1 rgb(49,43,177)
```
#2a22ba
```
#2a22ba rgb(42,34,186)
```
#221ac2
```
#221ac2 rgb(34,26,194)
```
#1a12ca
```
#1a12ca rgb(26,18,202)
```
#1309d3
```
#1309d3 rgb(19,9,211)
```
#0b01db
```
#0b01db rgb(11,1,219)
```

Tone Color Variation

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

#303030 Achromatopsia 0.005% of the population
#2d2c4d Atypical Achromatopsia 0.001% of the population

Dichromacy

#004789 Protanopia 1% of men
#004b76 Deuteranopia 1% of men
#005053 Tritanopia 0.001% of the population

Trichromacy

#0c369e Protanomaly 1% of men, 0.01% of women
#0c3992 Deuteranomaly 6% of men, 0.4% of women
#0c3c7b Tritanomaly 0.01% of the population

#221ac2 hex color

#221ac2 Color Information

#221ac2 Color Conversion

Color Schemes with #221ac2

Alternatives to #221ac2

#221ac2 Preview

Shades and Tints of #221ac2

Tones of #221ac2

Color Blindness Simulator