#220ca9 hex color

In a RGB color space, hex #220ca9 is composed of 13.3% red, 4.7% green and 66.3% blue. Whereas in a CMYK color space, it is composed of 79.9% cyan, 92.9% magenta, 0% yellow and 33.7% black. It has a hue angle of 248.4 degrees, a saturation of 86.7% and a lightness of 35.5%. #220ca9 color hex could be obtained by blending #4418ff with #000053. Closest websafe color is: #330099.

♥
- f
- t
- g
- R 13
- G 5
- B 66
RGB color chart
- C 80
- M 93
- Y 0
- K 34
CMYK color chart

● #220ca9 color description : Dark blue.

The hexadecimal color #220ca9 has RGB values of R:34, G:12, B:169 and CMYK values of C:0.8, M:0.93, Y:0, K:0.34. Its decimal value is 2231465.

Hex triplet	220ca9	`#220ca9`
RGB Decimal	34, 12, 169	`rgb(34,12,169)`
RGB Percent	13.3, 4.7, 66.3	`rgb(13.3%,4.7%,66.3%)`
CMYK	80, 93, 0, 34
HSL	248.4°, 86.7, 35.5	`hsl(248.4,86.7%,35.5%)`
HSV (or HSB)	248.4°, 92.9, 66.3
Web Safe	330099	`#330099`

CIE-LAB	21.825, 55.637, -75.329
XYZ	7.951, 3.467, 37.784
xyY	0.162, 0.07, 3.467
CIE-LCH	21.825, 93.647, 306.449
CIE-LUV	21.825, -4.065, -81.795
Hunter-Lab	18.62, 43.638, -107.277
Binary	00100010, 00001100, 10101001

#220ca9
```
#220ca9 rgb(34,12,169)
```
#93a90c
```
#93a90c rgb(147,169,12)
```

Complementary Color

#0c45a9
```
#0c45a9 rgb(12,69,169)
```
#220ca9
```
#220ca9 rgb(34,12,169)
```
#710ca9
```
#710ca9 rgb(113,12,169)
```

Analogous Color

#45a90c
```
#45a90c rgb(69,169,12)
```
#220ca9
```
#220ca9 rgb(34,12,169)
```
#a9710c
```
#a9710c rgb(169,113,12)
```

Split Complementary Color

#0ca922
```
#0ca922 rgb(12,169,34)
```
#220ca9
```
#220ca9 rgb(34,12,169)
```
#a9220c
```
#a9220c rgb(169,34,12)
```

Triadic Color

#0c93a9
```
#0c93a9 rgb(12,147,169)
```
#220ca9
```
#220ca9 rgb(34,12,169)
```
#a9220c
```
#a9220c rgb(169,34,12)
```
#93a90c
```
#93a90c rgb(147,169,12)
```

Tetradic Color

#140762
```
#140762 rgb(20,7,98)
```
#180979
```
#180979 rgb(24,9,121)
```
#1d0a91
```
#1d0a91 rgb(29,10,145)
```
#220ca9
```
#220ca9 rgb(34,12,169)
```
#270ec1
```
#270ec1 rgb(39,14,193)
```
#2c0fd9
```
#2c0fd9 rgb(44,15,217)
```
#3213ee
```
#3213ee rgb(50,19,238)
```

Monochromatic Color

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

#0c1da9
```
#0c1da9 rgb(12,29,169)
```
#0c10a9
```
#0c10a9 rgb(12,16,169)
```
#150ca9
```
#150ca9 rgb(21,12,169)
```
#220ca9
```
#220ca9 rgb(34,12,169)
```
#2f0ca9
```
#2f0ca9 rgb(47,12,169)
```
#3c0ca9
```
#3c0ca9 rgb(60,12,169)
```
#490ca9
```
#490ca9 rgb(73,12,169)
```

Similar Colors

Text with hexadecimal color #220ca9

This text has a font color of #220ca9.

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

#220ca9 background color

This paragraph has a background color of #220ca9.

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

#220ca9 border color

This element has a border color of #220ca9.

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

CSS codes

.text {color:#220ca9;}

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

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

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

#010004
```
#010004 rgb(1,0,4)
```
#050216
```
#050216 rgb(5,2,22)
```
#080329
```
#080329 rgb(8,3,41)
```
#0c043b
```
#0c043b rgb(12,4,59)
```
#10054d
```
#10054d rgb(16,5,77)
```
#130760
```
#130760 rgb(19,7,96)
```
#170872
```
#170872 rgb(23,8,114)
```
#1b0984
```
#1b0984 rgb(27,9,132)
```
#1e0b97
```
#1e0b97 rgb(30,11,151)
```
#220ca9
```
#220ca9 rgb(34,12,169)
```
#260dbb
```
#260dbb rgb(38,13,187)
```
#290fce
```
#290fce rgb(41,15,206)
```
#2d10e0
```
#2d10e0 rgb(45,16,224)
```

Shade Color Variation

#3415ee
```
#3415ee rgb(52,21,238)
```
#4327f0
```
#4327f0 rgb(67,39,240)
```
#533af1
```
#533af1 rgb(83,58,241)
```
#634cf2
```
#634cf2 rgb(99,76,242)
```
#735ef4
```
#735ef4 rgb(115,94,244)
```
#8371f5
```
#8371f5 rgb(131,113,245)
```
#9383f6
```
#9383f6 rgb(147,131,246)
```
#a395f7
```
#a395f7 rgb(163,149,247)
```
#b3a8f9
```
#b3a8f9 rgb(179,168,249)
```
#c3bafa
```
#c3bafa rgb(195,186,250)
```
#d3ccfb
```
#d3ccfb rgb(211,204,251)
```
#e3dffd
```
#e3dffd rgb(227,223,253)
```
#f3f1fe
```
#f3f1fe rgb(243,241,254)
```

Tint Color Variation

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

#59595c
```
#59595c rgb(89,89,92)
```
#545263
```
#545263 rgb(84,82,99)
```
#4f4b6a
```
#4f4b6a rgb(79,75,106)
```
#4a4471
```
#4a4471 rgb(74,68,113)
```
#453d78
```
#453d78 rgb(69,61,120)
```
#40367f
```
#40367f rgb(64,54,127)
```
#3b2f86
```
#3b2f86 rgb(59,47,134)
```
#36288d
```
#36288d rgb(54,40,141)
```
#312194
```
#312194 rgb(49,33,148)
```
#2c1a9b
```
#2c1a9b rgb(44,26,155)
```
#2713a2
```
#2713a2 rgb(39,19,162)
```
#220ca9
```
#220ca9 rgb(34,12,169)
```
#1d05b0
```
#1d05b0 rgb(29,5,176)
```

Tone Color Variation

Below, you can see how #220ca9 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
#241f3f Atypical Achromatopsia 0.001% of the population

Dichromacy

#003d76 Protanopia 1% of men
#004066 Deuteranopia 1% of men
#004548 Tritanopia 0.001% of the population

Trichromacy

#0c2b88 Protanomaly 1% of men, 0.01% of women
#0c2d7e Deuteranomaly 6% of men, 0.4% of women
#0c306b Tritanomaly 0.01% of the population

#220ca9 hex color

#220ca9 Color Information

#220ca9 Color Conversion

Color Schemes with #220ca9

Alternatives to #220ca9

#220ca9 Preview

Shades and Tints of #220ca9

Tones of #220ca9

Color Blindness Simulator