#221bb0 hex color

In a RGB color space, hex #221bb0 is composed of 13.3% red, 10.6% green and 69% blue. Whereas in a CMYK color space, it is composed of 80.7% cyan, 84.7% magenta, 0% yellow and 31% black. It has a hue angle of 242.8 degrees, a saturation of 73.4% and a lightness of 39.8%. #221bb0 color hex could be obtained by blending #4436ff with #000061. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 13
- G 11
- B 69
RGB color chart
- C 81
- M 85
- Y 0
- K 31
CMYK color chart

● #221bb0 color description : Dark blue.

The hexadecimal color #221bb0 has RGB values of R:34, G:27, B:176 and CMYK values of C:0.81, M:0.85, Y:0, K:0.31. Its decimal value is 2235312.

Hex triplet	221bb0	`#221bb0`
RGB Decimal	34, 27, 176	`rgb(34,27,176)`
RGB Percent	13.3, 10.6, 69	`rgb(13.3%,10.6%,69%)`
CMYK	81, 85, 0, 31
HSL	242.8°, 73.4, 39.8	`hsl(242.8,73.4%,39.8%)`
HSV (or HSB)	242.8°, 84.7, 69
Web Safe	333399	`#333399`

CIE-LAB	24.507, 52.338, -75.082
XYZ	8.887, 4.258, 41.425
xyY	0.163, 0.078, 4.258
CIE-LCH	24.507, 91.524, 304.879
CIE-LUV	24.507, -5.554, -87.242
Hunter-Lab	20.635, 40.762, -104.583
Binary	00100010, 00011011, 10110000

#221bb0
```
#221bb0 rgb(34,27,176)
```
#a9b01b
```
#a9b01b rgb(169,176,27)
```

Complementary Color

#1b5fb0
```
#1b5fb0 rgb(27,95,176)
```
#221bb0
```
#221bb0 rgb(34,27,176)
```
#6d1bb0
```
#6d1bb0 rgb(109,27,176)
```

Analogous Color

#5fb01b
```
#5fb01b rgb(95,176,27)
```
#221bb0
```
#221bb0 rgb(34,27,176)
```
#b06d1b
```
#b06d1b rgb(176,109,27)
```

Split Complementary Color

#1bb022
```
#1bb022 rgb(27,176,34)
```
#221bb0
```
#221bb0 rgb(34,27,176)
```
#b0221b
```
#b0221b rgb(176,34,27)
```

Triadic Color

#1ba9b0
```
#1ba9b0 rgb(27,169,176)
```
#221bb0
```
#221bb0 rgb(34,27,176)
```
#b0221b
```
#b0221b rgb(176,34,27)
```
#a9b01b
```
#a9b01b rgb(169,176,27)
```

Tetradic Color

#15116e
```
#15116e rgb(21,17,110)
```
#191484
```
#191484 rgb(25,20,132)
```
#1e189a
```
#1e189a rgb(30,24,154)
```
#221bb0
```
#221bb0 rgb(34,27,176)
```
#261ec6
```
#261ec6 rgb(38,30,198)
```
#2b22dc
```
#2b22dc rgb(43,34,220)
```
#3f37e0
```
#3f37e0 rgb(63,55,224)
```

Monochromatic Color

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

#1b39b0
```
#1b39b0 rgb(27,57,176)
```
#1b2db0
```
#1b2db0 rgb(27,45,176)
```
#1b20b0
```
#1b20b0 rgb(27,32,176)
```
#221bb0
```
#221bb0 rgb(34,27,176)
```
#2e1bb0
```
#2e1bb0 rgb(46,27,176)
```
#3b1bb0
```
#3b1bb0 rgb(59,27,176)
```
#471bb0
```
#471bb0 rgb(71,27,176)
```

Similar Colors

Text with hexadecimal color #221bb0

This text has a font color of #221bb0.

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

#221bb0 background color

This paragraph has a background color of #221bb0.

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

#221bb0 border color

This element has a border color of #221bb0.

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

CSS codes

.text {color:#221bb0;}

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

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

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

#010106
```
#010106 rgb(1,1,6)
```
#040417
```
#040417 rgb(4,4,23)
```
#080628
```
#080628 rgb(8,6,40)
```
#0b0939
```
#0b0939 rgb(11,9,57)
```
#0e0b4a
```
#0e0b4a rgb(14,11,74)
```
#120e5b
```
#120e5b rgb(18,14,91)
```
#15116c
```
#15116c rgb(21,17,108)
```
#18137d
```
#18137d rgb(24,19,125)
```
#1b168e
```
#1b168e rgb(27,22,142)
```
#1f189f
```
#1f189f rgb(31,24,159)
```
#221bb0
```
#221bb0 rgb(34,27,176)
```
#251ec1
```
#251ec1 rgb(37,30,193)
```
#2920d2
```
#2920d2 rgb(41,32,210)
```

Shade Color Variation

#3028de
```
#3028de rgb(48,40,222)
```
#4139e1
```
#4139e1 rgb(65,57,225)
```
#514ae3
```
#514ae3 rgb(81,74,227)
```
#615be6
```
#615be6 rgb(97,91,230)
```
#726ce8
```
#726ce8 rgb(114,108,232)
```
#827deb
```
#827deb rgb(130,125,235)
```
#928eee
```
#928eee rgb(146,142,238)
```
#a39ff0
```
#a39ff0 rgb(163,159,240)
```
#b3b0f3
```
#b3b0f3 rgb(179,176,243)
```
#c3c1f5
```
#c3c1f5 rgb(195,193,245)
```
#d4d2f8
```
#d4d2f8 rgb(212,210,248)
```
#e4e3fb
```
#e4e3fb rgb(228,227,251)
```
#f4f4fd
```
#f4f4fd rgb(244,244,253)
```

Tint Color Variation

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

#62616a
```
#62616a rgb(98,97,106)
```
#5b5972
```
#5b5972 rgb(91,89,114)
```
#545279
```
#545279 rgb(84,82,121)
```
#4c4a81
```
#4c4a81 rgb(76,74,129)
```
#454289
```
#454289 rgb(69,66,137)
```
#3e3a91
```
#3e3a91 rgb(62,58,145)
```
#373299
```
#373299 rgb(55,50,153)
```
#302ba0
```
#302ba0 rgb(48,43,160)
```
#2923a8
```
#2923a8 rgb(41,35,168)
```
#221bb0
```
#221bb0 rgb(34,27,176)
```
#1b13b8
```
#1b13b8 rgb(27,19,184)
```
#140bc0
```
#140bc0 rgb(20,11,192)
```
#0d04c7
```
#0d04c7 rgb(13,4,199)
```

Tone Color Variation

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

#2e2e2e Achromatopsia 0.005% of the population
#2c2a48 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004281 Protanopia 1% of men
#00466f Deuteranopia 1% of men
#004b4e Tritanopia 0.001% of the population

Trichromacy

#0c3492 Protanomaly 1% of men, 0.01% of women
#0c3686 Deuteranomaly 6% of men, 0.4% of women
#0c3972 Tritanomaly 0.01% of the population

#221bb0 hex color

#221bb0 Color Information

#221bb0 Color Conversion

Color Schemes with #221bb0

Alternatives to #221bb0

#221bb0 Preview

Shades and Tints of #221bb0

Tones of #221bb0

Color Blindness Simulator