#220ba3 hex color

In a RGB color space, hex #220ba3 is composed of 13.3% red, 4.3% green and 63.9% blue. Whereas in a CMYK color space, it is composed of 79.1% cyan, 93.3% magenta, 0% yellow and 36.1% black. It has a hue angle of 249.1 degrees, a saturation of 87.4% and a lightness of 34.1%. #220ba3 color hex could be obtained by blending #4416ff with #000047. Closest websafe color is: #330099.

♥
- f
- t
- g
- R 13
- G 4
- B 64
RGB color chart
- C 79
- M 93
- Y 0
- K 36
CMYK color chart

● #220ba3 color description : Dark blue.

The hexadecimal color #220ba3 has RGB values of R:34, G:11, B:163 and CMYK values of C:0.79, M:0.93, Y:0, K:0.36. Its decimal value is 2231203.

Hex triplet	220ba3	`#220ba3`
RGB Decimal	34, 11, 163	`rgb(34,11,163)`
RGB Percent	13.3, 4.3, 63.9	`rgb(13.3%,4.3%,63.9%)`
CMYK	79, 93, 0, 36
HSL	249.1°, 87.4, 34.1	`hsl(249.1,87.4%,34.1%)`
HSV (or HSB)	249.1°, 93.3, 63.9
Web Safe	330099	`#330099`

CIE-LAB	20.917, 54.27, -73.199
XYZ	7.389, 3.223, 34.881
xyY	0.162, 0.071, 3.223
CIE-LCH	20.917, 91.122, 306.554
CIE-LUV	20.917, -3.686, -78.165
Hunter-Lab	17.954, 42.044, -102.624
Binary	00100010, 00001011, 10100011

#220ba3
```
#220ba3 rgb(34,11,163)
```
#8ca30b
```
#8ca30b rgb(140,163,11)
```

Complementary Color

#0b40a3
```
#0b40a3 rgb(11,64,163)
```
#220ba3
```
#220ba3 rgb(34,11,163)
```
#6e0ba3
```
#6e0ba3 rgb(110,11,163)
```

Analogous Color

#40a30b
```
#40a30b rgb(64,163,11)
```
#220ba3
```
#220ba3 rgb(34,11,163)
```
#a36e0b
```
#a36e0b rgb(163,110,11)
```

Split Complementary Color

#0ba322
```
#0ba322 rgb(11,163,34)
```
#220ba3
```
#220ba3 rgb(34,11,163)
```
#a3220b
```
#a3220b rgb(163,34,11)
```

Triadic Color

#0b8ca3
```
#0b8ca3 rgb(11,140,163)
```
#220ba3
```
#220ba3 rgb(34,11,163)
```
#a3220b
```
#a3220b rgb(163,34,11)
```
#8ca30b
```
#8ca30b rgb(140,163,11)
```

Tetradic Color

#13065b
```
#13065b rgb(19,6,91)
```
#180873
```
#180873 rgb(24,8,115)
```
#1d098b
```
#1d098b rgb(29,9,139)
```
#220ba3
```
#220ba3 rgb(34,11,163)
```
#270dbb
```
#270dbb rgb(39,13,187)
```
#2c0ed3
```
#2c0ed3 rgb(44,14,211)
```
#3110eb
```
#3110eb rgb(49,16,235)
```

Monochromatic Color

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

#0b1aa3
```
#0b1aa3 rgb(11,26,163)
```
#0b0da3
```
#0b0da3 rgb(11,13,163)
```
#150ba3
```
#150ba3 rgb(21,11,163)
```
#220ba3
```
#220ba3 rgb(34,11,163)
```
#2f0ba3
```
#2f0ba3 rgb(47,11,163)
```
#3b0ba3
```
#3b0ba3 rgb(59,11,163)
```
#480ba3
```
#480ba3 rgb(72,11,163)
```

Similar Colors

Text with hexadecimal color #220ba3

This text has a font color of #220ba3.

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

#220ba3 background color

This paragraph has a background color of #220ba3.

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

#220ba3 border color

This element has a border color of #220ba3.

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

CSS codes

.text {color:#220ba3;}

.background {background-color:#220ba3;}

.border {border:1px solid #220ba3;}

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

#030110
```
#030110 rgb(3,1,16)
```
#070222
```
#070222 rgb(7,2,34)
```
#0b0435
```
#0b0435 rgb(11,4,53)
```
#0f0547
```
#0f0547 rgb(15,5,71)
```
#130659
```
#130659 rgb(19,6,89)
```
#17076c
```
#17076c rgb(23,7,108)
```
#1a097e
```
#1a097e rgb(26,9,126)
```
#1e0a91
```
#1e0a91 rgb(30,10,145)
```
#220ba3
```
#220ba3 rgb(34,11,163)
```
#260cb5
```
#260cb5 rgb(38,12,181)
```
#2a0dc8
```
#2a0dc8 rgb(42,13,200)
```
#2d0fda
```
#2d0fda rgb(45,15,218)
```
#3110ed
```
#3110ed rgb(49,16,237)
```

Shade Color Variation

#4020f0
```
#4020f0 rgb(64,32,240)
```
#4f32f1
```
#4f32f1 rgb(79,50,241)
```
#5f45f2
```
#5f45f2 rgb(95,69,242)
```
#6f57f4
```
#6f57f4 rgb(111,87,244)
```
#7f6af5
```
#7f6af5 rgb(127,106,245)
```
#8e7cf6
```
#8e7cf6 rgb(142,124,246)
```
#9e8ef7
```
#9e8ef7 rgb(158,142,247)
```
#aea1f9
```
#aea1f9 rgb(174,161,249)
```
#beb3fa
```
#beb3fa rgb(190,179,250)
```
#cec5fb
```
#cec5fb rgb(206,197,251)
```
#ddd8fc
```
#ddd8fc rgb(221,216,252)
```
#edeafe
```
#edeafe rgb(237,234,254)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

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

#555559
```
#555559 rgb(85,85,89)
```
#514e60
```
#514e60 rgb(81,78,96)
```
#4c4767
```
#4c4767 rgb(76,71,103)
```
#47416d
```
#47416d rgb(71,65,109)
```
#433a74
```
#433a74 rgb(67,58,116)
```
#3e337b
```
#3e337b rgb(62,51,123)
```
#392c82
```
#392c82 rgb(57,44,130)
```
#352688
```
#352688 rgb(53,38,136)
```
#301f8f
```
#301f8f rgb(48,31,143)
```
#2b1896
```
#2b1896 rgb(43,24,150)
```
#27129c
```
#27129c rgb(39,18,156)
```
#220ba3
```
#220ba3 rgb(34,11,163)
```
#1d04aa
```
#1d04aa rgb(29,4,170)
```

Tone Color Variation

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

#232323 Achromatopsia 0.005% of the population
#231e3d Atypical Achromatopsia 0.001% of the population

Dichromacy

#003b72 Protanopia 1% of men
#003e63 Deuteranopia 1% of men
#004345 Tritanopia 0.001% of the population

Trichromacy

#0c2984 Protanomaly 1% of men, 0.01% of women
#0c2b7a Deuteranomaly 6% of men, 0.4% of women
#0c2e67 Tritanomaly 0.01% of the population

#220ba3 hex color

#220ba3 Color Information

#220ba3 Color Conversion

Color Schemes with #220ba3

Alternatives to #220ba3

#220ba3 Preview

Shades and Tints of #220ba3

Tones of #220ba3

Color Blindness Simulator