#221ba1 hex color

In a RGB color space, hex #221ba1 is composed of 13.3% red, 10.6% green and 63.1% blue. Whereas in a CMYK color space, it is composed of 78.9% cyan, 83.2% magenta, 0% yellow and 36.9% black. It has a hue angle of 243.1 degrees, a saturation of 71.3% and a lightness of 36.9%. #221ba1 color hex could be obtained by blending #4436ff with #000043. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 13
- G 11
- B 63
RGB color chart
- C 79
- M 83
- Y 0
- K 37
CMYK color chart

● #221ba1 color description : Dark blue.

The hexadecimal color #221ba1 has RGB values of R:34, G:27, B:161 and CMYK values of C:0.79, M:0.83, Y:0, K:0.37. Its decimal value is 2235297.

Hex triplet	221ba1	`#221ba1`
RGB Decimal	34, 27, 161	`rgb(34,27,161)`
RGB Percent	13.3, 10.6, 63.1	`rgb(13.3%,10.6%,63.1%)`
CMYK	79, 83, 0, 37
HSL	243.1°, 71.3, 36.9	`hsl(243.1,71.3%,36.9%)`
HSV (or HSB)	243.1°, 83.2, 63.1
Web Safe	333399	`#333399`

CIE-LAB	22.642, 47.739, -69.109
XYZ	7.483, 3.697, 34.035
xyY	0.166, 0.082, 3.697
CIE-LCH	22.642, 83.994, 304.636
CIE-LUV	22.642, -4.847, -78.517
Hunter-Lab	19.227, 35.828, -91.497
Binary	00100010, 00011011, 10100001

#221ba1
```
#221ba1 rgb(34,27,161)
```
#9aa11b
```
#9aa11b rgb(154,161,27)
```

Complementary Color

#1b57a1
```
#1b57a1 rgb(27,87,161)
```
#221ba1
```
#221ba1 rgb(34,27,161)
```
#651ba1
```
#651ba1 rgb(101,27,161)
```

Analogous Color

#57a11b
```
#57a11b rgb(87,161,27)
```
#221ba1
```
#221ba1 rgb(34,27,161)
```
#a1651b
```
#a1651b rgb(161,101,27)
```

Split Complementary Color

#1ba122
```
#1ba122 rgb(27,161,34)
```
#221ba1
```
#221ba1 rgb(34,27,161)
```
#a1221b
```
#a1221b rgb(161,34,27)
```

Triadic Color

#1b9aa1
```
#1b9aa1 rgb(27,154,161)
```
#221ba1
```
#221ba1 rgb(34,27,161)
```
#a1221b
```
#a1221b rgb(161,34,27)
```
#9aa11b
```
#9aa11b rgb(154,161,27)
```

Tetradic Color

#14105f
```
#14105f rgb(20,16,95)
```
#191475
```
#191475 rgb(25,20,117)
```
#1d178b
```
#1d178b rgb(29,23,139)
```
#221ba1
```
#221ba1 rgb(34,27,161)
```
#271fb7
```
#271fb7 rgb(39,31,183)
```
#2b22cd
```
#2b22cd rgb(43,34,205)
```
#362ddc
```
#362ddc rgb(54,45,220)
```

Monochromatic Color

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

#1b36a1
```
#1b36a1 rgb(27,54,161)
```
#1b2aa1
```
#1b2aa1 rgb(27,42,161)
```
#1b1fa1
```
#1b1fa1 rgb(27,31,161)
```
#221ba1
```
#221ba1 rgb(34,27,161)
```
#2d1ba1
```
#2d1ba1 rgb(45,27,161)
```
#381ba1
```
#381ba1 rgb(56,27,161)
```
#441ba1
```
#441ba1 rgb(68,27,161)
```

Similar Colors

Text with hexadecimal color #221ba1

This text has a font color of #221ba1.

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

#221ba1 background color

This paragraph has a background color of #221ba1.

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

#221ba1 border color

This element has a border color of #221ba1.

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

CSS codes

.text {color:#221ba1;}

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

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

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

#02020a
```
#02020a rgb(2,2,10)
```
#06041b
```
#06041b rgb(6,4,27)
```
#09072b
```
#09072b rgb(9,7,43)
```
#0d0a3c
```
#0d0a3c rgb(13,10,60)
```
#100d4d
```
#100d4d rgb(16,13,77)
```
#14105e
```
#14105e rgb(20,16,94)
```
#17136f
```
#17136f rgb(23,19,111)
```
#1b157f
```
#1b157f rgb(27,21,127)
```
#1e1890
```
#1e1890 rgb(30,24,144)
```
#221ba1
```
#221ba1 rgb(34,27,161)
```
#261eb2
```
#261eb2 rgb(38,30,178)
```
#2921c3
```
#2921c3 rgb(41,33,195)
```
#2d23d3
```
#2d23d3 rgb(45,35,211)
```

Shade Color Variation

#382edc
```
#382edc rgb(56,46,220)
```
#483fdf
```
#483fdf rgb(72,63,223)
```
#5850e2
```
#5850e2 rgb(88,80,226)
```
#6861e4
```
#6861e4 rgb(104,97,228)
```
#7872e7
```
#7872e7 rgb(120,114,231)
```
#8882ea
```
#8882ea rgb(136,130,234)
```
#9893ed
```
#9893ed rgb(152,147,237)
```
#a8a4f0
```
#a8a4f0 rgb(168,164,240)
```
#b8b5f3
```
#b8b5f3 rgb(184,181,243)
```
#c8c6f5
```
#c8c6f5 rgb(200,198,245)
```
#d8d6f8
```
#d8d6f8 rgb(216,214,248)
```
#e8e7fb
```
#e8e7fb rgb(232,231,251)
```
#f8f8fe
```
#f8f8fe rgb(248,248,254)
```

Tint Color Variation

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

#5c5c60
```
#5c5c60 rgb(92,92,96)
```
#565567
```
#565567 rgb(86,85,103)
```
#4f4e6e
```
#4f4e6e rgb(79,78,110)
```
#494676
```
#494676 rgb(73,70,118)
```
#423f7d
```
#423f7d rgb(66,63,125)
```
#3c3884
```
#3c3884 rgb(60,56,132)
```
#35318b
```
#35318b rgb(53,49,139)
```
#2f2993
```
#2f2993 rgb(47,41,147)
```
#28229a
```
#28229a rgb(40,34,154)
```
#221ba1
```
#221ba1 rgb(34,27,161)
```
#1c14a8
```
#1c14a8 rgb(28,20,168)
```
#150daf
```
#150daf rgb(21,13,175)
```
#0f05b7
```
#0f05b7 rgb(15,5,183)
```

Tone Color Variation

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

#2c2c2c Achromatopsia 0.005% of the population
#2a2943 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003e79 Protanopia 1% of men
#004269 Deuteranopia 1% of men
#00464a Tritanopia 0.001% of the population

Trichromacy

#0c3188 Protanomaly 1% of men, 0.01% of women
#0c347d Deuteranomaly 6% of men, 0.4% of women
#0c3669 Tritanomaly 0.01% of the population

#221ba1 hex color

#221ba1 Color Information

#221ba1 Color Conversion

Color Schemes with #221ba1

Alternatives to #221ba1

#221ba1 Preview

Shades and Tints of #221ba1

Tones of #221ba1

Color Blindness Simulator