#220ba7 hex color

In a RGB color space, hex #220ba7 is composed of 13.3% red, 4.3% green and 65.5% blue. Whereas in a CMYK color space, it is composed of 79.6% cyan, 93.4% magenta, 0% yellow and 34.5% black. It has a hue angle of 248.8 degrees, a saturation of 87.6% and a lightness of 34.9%. #220ba7 color hex could be obtained by blending #4416ff with #00004f. Closest websafe color is: #330099.

♥
- f
- t
- g
- R 13
- G 4
- B 65
RGB color chart
- C 80
- M 93
- Y 0
- K 35
CMYK color chart

● #220ba7 color description : Dark blue.

The hexadecimal color #220ba7 has RGB values of R:34, G:11, B:167 and CMYK values of C:0.8, M:0.93, Y:0, K:0.35. Its decimal value is 2231207.

Hex triplet	220ba7	`#220ba7`
RGB Decimal	34, 11, 167	`rgb(34,11,167)`
RGB Percent	13.3, 4.3, 65.5	`rgb(13.3%,4.3%,65.5%)`
CMYK	80, 93, 0, 35
HSL	248.8°, 87.6, 34.9	`hsl(248.8,87.6%,34.9%)`
HSV (or HSB)	248.8°, 93.4, 65.5
Web Safe	330099	`#330099`

CIE-LAB	21.465, 55.358, -74.717
XYZ	7.753, 3.369, 36.799
xyY	0.162, 0.07, 3.369
CIE-LCH	21.465, 92.99, 306.535
CIE-LUV	21.465, -3.904, -80.528
Hunter-Lab	18.355, 43.278, -106.02
Binary	00100010, 00001011, 10100111

#220ba7
```
#220ba7 rgb(34,11,167)
```
#90a70b
```
#90a70b rgb(144,167,11)
```

Complementary Color

#0b42a7
```
#0b42a7 rgb(11,66,167)
```
#220ba7
```
#220ba7 rgb(34,11,167)
```
#700ba7
```
#700ba7 rgb(112,11,167)
```

Analogous Color

#42a70b
```
#42a70b rgb(66,167,11)
```
#220ba7
```
#220ba7 rgb(34,11,167)
```
#a7700b
```
#a7700b rgb(167,112,11)
```

Split Complementary Color

#0ba722
```
#0ba722 rgb(11,167,34)
```
#220ba7
```
#220ba7 rgb(34,11,167)
```
#a7220b
```
#a7220b rgb(167,34,11)
```

Triadic Color

#0b90a7
```
#0b90a7 rgb(11,144,167)
```
#220ba7
```
#220ba7 rgb(34,11,167)
```
#a7220b
```
#a7220b rgb(167,34,11)
```
#90a70b
```
#90a70b rgb(144,167,11)
```

Tetradic Color

#13065f
```
#13065f rgb(19,6,95)
```
#180877
```
#180877 rgb(24,8,119)
```
#1d098f
```
#1d098f rgb(29,9,143)
```
#220ba7
```
#220ba7 rgb(34,11,167)
```
#270dbf
```
#270dbf rgb(39,13,191)
```
#2c0ed7
```
#2c0ed7 rgb(44,14,215)
```
#3110ef
```
#3110ef rgb(49,16,239)
```

Monochromatic Color

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

#0b1ba7
```
#0b1ba7 rgb(11,27,167)
```
#0b0ea7
```
#0b0ea7 rgb(11,14,167)
```
#150ba7
```
#150ba7 rgb(21,11,167)
```
#220ba7
```
#220ba7 rgb(34,11,167)
```
#2f0ba7
```
#2f0ba7 rgb(47,11,167)
```
#3c0ba7
```
#3c0ba7 rgb(60,11,167)
```
#490ba7
```
#490ba7 rgb(73,11,167)
```

Similar Colors

Text with hexadecimal color #220ba7

This text has a font color of #220ba7.

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

#220ba7 background color

This paragraph has a background color of #220ba7.

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

#220ba7 border color

This element has a border color of #220ba7.

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

CSS codes

.text {color:#220ba7;}

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

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

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 #f0eefe is the lightest one.

#000001
```
#000001 rgb(0,0,1)
```
#040114
```
#040114 rgb(4,1,20)
```
#080326
```
#080326 rgb(8,3,38)
```
#0c0439
```
#0c0439 rgb(12,4,57)
```
#0f054b
```
#0f054b rgb(15,5,75)
```
#13065d
```
#13065d rgb(19,6,93)
```
#170770
```
#170770 rgb(23,7,112)
```
#1b0982
```
#1b0982 rgb(27,9,130)
```
#1e0a95
```
#1e0a95 rgb(30,10,149)
```
#220ba7
```
#220ba7 rgb(34,11,167)
```
#260cb9
```
#260cb9 rgb(38,12,185)
```
#290dcc
```
#290dcc rgb(41,13,204)
```
#2d0fde
```
#2d0fde rgb(45,15,222)
```

Shade Color Variation

#3211ef
```
#3211ef rgb(50,17,239)
```
#4224f1
```
#4224f1 rgb(66,36,241)
```
#5236f2
```
#5236f2 rgb(82,54,242)
```
#6148f3
```
#6148f3 rgb(97,72,243)
```
#715bf4
```
#715bf4 rgb(113,91,244)
```
#816df5
```
#816df5 rgb(129,109,245)
```
#9180f7
```
#9180f7 rgb(145,128,247)
```
#a192f8
```
#a192f8 rgb(161,146,248)
```
#b1a4f9
```
#b1a4f9 rgb(177,164,249)
```
#c1b7fa
```
#c1b7fa rgb(193,183,250)
```
#d1c9fb
```
#d1c9fb rgb(209,201,251)
```
#e0dcfd
```
#e0dcfd rgb(224,220,253)
```
#f0eefe
```
#f0eefe rgb(240,238,254)
```

Tint Color Variation

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

#57565c
```
#57565c rgb(87,86,92)
```
#524f63
```
#524f63 rgb(82,79,99)
```
#4d4969
```
#4d4969 rgb(77,73,105)
```
#494270
```
#494270 rgb(73,66,112)
```
#443b77
```
#443b77 rgb(68,59,119)
```
#3f347e
```
#3f347e rgb(63,52,126)
```
#3a2d85
```
#3a2d85 rgb(58,45,133)
```
#35268c
```
#35268c rgb(53,38,140)
```
#302092
```
#302092 rgb(48,32,146)
```
#2c1999
```
#2c1999 rgb(44,25,153)
```
#2712a0
```
#2712a0 rgb(39,18,160)
```
#220ba7
```
#220ba7 rgb(34,11,167)
```
#1d04ae
```
#1d04ae rgb(29,4,174)
```

Tone Color Variation

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

#242424 Achromatopsia 0.005% of the population
#241f3e Atypical Achromatopsia 0.001% of the population

Dichromacy

#003c75 Protanopia 1% of men
#003f64 Deuteranopia 1% of men
#004447 Tritanopia 0.001% of the population

Trichromacy

#0c2a87 Protanomaly 1% of men, 0.01% of women
#0c2c7c Deuteranomaly 6% of men, 0.4% of women
#0c2f6a Tritanomaly 0.01% of the population

#220ba7 hex color

#220ba7 Color Information

#220ba7 Color Conversion

Color Schemes with #220ba7

Alternatives to #220ba7

#220ba7 Preview

Shades and Tints of #220ba7

Tones of #220ba7

Color Blindness Simulator