#220cad hex color

In a RGB color space, hex #220cad is composed of 13.3% red, 4.7% green and 67.8% blue. Whereas in a CMYK color space, it is composed of 80.3% cyan, 93.1% magenta, 0% yellow and 32.2% black. It has a hue angle of 248.2 degrees, a saturation of 87% and a lightness of 36.3%. #220cad color hex could be obtained by blending #4418ff with #00005b. Closest websafe color is: #330099.

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

● #220cad color description : Dark blue.

The hexadecimal color #220cad has RGB values of R:34, G:12, B:173 and CMYK values of C:0.8, M:0.93, Y:0, K:0.32. Its decimal value is 2231469.

Hex triplet	220cad	`#220cad`
RGB Decimal	34, 12, 173	`rgb(34,12,173)`
RGB Percent	13.3, 4.7, 67.8	`rgb(13.3%,4.7%,67.8%)`
CMYK	80, 93, 0, 32
HSL	248.2°, 87, 36.3	`hsl(248.2,87%,36.3%)`
HSV (or HSB)	248.2°, 93.1, 67.8
Web Safe	330099	`#330099`

CIE-LAB	22.372, 56.721, -76.833
XYZ	8.333, 3.62, 39.792
xyY	0.161, 0.07, 3.62
CIE-LCH	22.372, 95.502, 306.436
CIE-LUV	22.372, -4.279, -84.152
Hunter-Lab	19.025, 44.883, -110.69
Binary	00100010, 00001100, 10101101

#220cad
```
#220cad rgb(34,12,173)
```
#97ad0c
```
#97ad0c rgb(151,173,12)
```

Complementary Color

#0c46ad
```
#0c46ad rgb(12,70,173)
```
#220cad
```
#220cad rgb(34,12,173)
```
#730cad
```
#730cad rgb(115,12,173)
```

Analogous Color

#47ad0c
```
#47ad0c rgb(71,173,12)
```
#220cad
```
#220cad rgb(34,12,173)
```
#ad730c
```
#ad730c rgb(173,115,12)
```

Split Complementary Color

#0cad22
```
#0cad22 rgb(12,173,34)
```
#220cad
```
#220cad rgb(34,12,173)
```
#ad220c
```
#ad220c rgb(173,34,12)
```

Triadic Color

#0c97ad
```
#0c97ad rgb(12,151,173)
```
#220cad
```
#220cad rgb(34,12,173)
```
#ad220c
```
#ad220c rgb(173,34,12)
```
#97ad0c
```
#97ad0c rgb(151,173,12)
```

Tetradic Color

#140765
```
#140765 rgb(20,7,101)
```
#19097d
```
#19097d rgb(25,9,125)
```
#1d0a95
```
#1d0a95 rgb(29,10,149)
```
#220cad
```
#220cad rgb(34,12,173)
```
#270ec5
```
#270ec5 rgb(39,14,197)
```
#2b0fdd
```
#2b0fdd rgb(43,15,221)
```
#3417ef
```
#3417ef rgb(52,23,239)
```

Monochromatic Color

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

#0c1ead
```
#0c1ead rgb(12,30,173)
```
#0c11ad
```
#0c11ad rgb(12,17,173)
```
#150cad
```
#150cad rgb(21,12,173)
```
#220cad
```
#220cad rgb(34,12,173)
```
#2f0cad
```
#2f0cad rgb(47,12,173)
```
#3d0cad
```
#3d0cad rgb(61,12,173)
```
#4a0cad
```
#4a0cad rgb(74,12,173)
```

Similar Colors

Text with hexadecimal color #220cad

This text has a font color of #220cad.

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

#220cad background color

This paragraph has a background color of #220cad.

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

#220cad border color

This element has a border color of #220cad.

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

CSS codes

.text {color:#220cad;}

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

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

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

#020108
```
#020108 rgb(2,1,8)
```
#05021a
```
#05021a rgb(5,2,26)
```
#09032d
```
#09032d rgb(9,3,45)
```
#0c043f
```
#0c043f rgb(12,4,63)
```
#100651
```
#100651 rgb(16,6,81)
```
#140764
```
#140764 rgb(20,7,100)
```
#170876
```
#170876 rgb(23,8,118)
```
#1b0988
```
#1b0988 rgb(27,9,136)
```
#1e0b9b
```
#1e0b9b rgb(30,11,155)
```
#220cad
```
#220cad rgb(34,12,173)
```
#260dbf
```
#260dbf rgb(38,13,191)
```
#290fd2
```
#290fd2 rgb(41,15,210)
```
#2d10e4
```
#2d10e4 rgb(45,16,228)
```

Shade Color Variation

#3618ef
```
#3618ef rgb(54,24,239)
```
#462bf0
```
#462bf0 rgb(70,43,240)
```
#563df2
```
#563df2 rgb(86,61,242)
```
#664ff3
```
#664ff3 rgb(102,79,243)
```
#7662f4
```
#7662f4 rgb(118,98,244)
```
#8674f5
```
#8674f5 rgb(134,116,245)
```
#9687f7
```
#9687f7 rgb(150,135,247)
```
#a699f8
```
#a699f8 rgb(166,153,248)
```
#b6abf9
```
#b6abf9 rgb(182,171,249)
```
#c6befa
```
#c6befa rgb(198,190,250)
```
#d6d0fc
```
#d6d0fc rgb(214,208,252)
```
#e6e2fd
```
#e6e2fd rgb(230,226,253)
```
#f6f5fe
```
#f6f5fe rgb(246,245,254)
```

Tint Color Variation

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

#5b5a5f
```
#5b5a5f rgb(91,90,95)
```
#565366
```
#565366 rgb(86,83,102)
```
#514c6d
```
#514c6d rgb(81,76,109)
```
#4b4574
```
#4b4574 rgb(75,69,116)
```
#463e7b
```
#463e7b rgb(70,62,123)
```
#413782
```
#413782 rgb(65,55,130)
```
#3c3089
```
#3c3089 rgb(60,48,137)
```
#372891
```
#372891 rgb(55,40,145)
```
#322198
```
#322198 rgb(50,33,152)
```
#2c1a9f
```
#2c1a9f rgb(44,26,159)
```
#2713a6
```
#2713a6 rgb(39,19,166)
```
#220cad
```
#220cad rgb(34,12,173)
```
#1d05b4
```
#1d05b4 rgb(29,5,180)
```

Tone Color Variation

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

#252525 Achromatopsia 0.005% of the population
#242040 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003e78 Protanopia 1% of men
#004167 Deuteranopia 1% of men
#004649 Tritanopia 0.001% of the population

Trichromacy

#0c2b8b Protanomaly 1% of men, 0.01% of women
#0c2e81 Deuteranomaly 6% of men, 0.4% of women
#0c316d Tritanomaly 0.01% of the population

#220cad hex color

#220cad Color Information

#220cad Color Conversion

Color Schemes with #220cad

Alternatives to #220cad

#220cad Preview

Shades and Tints of #220cad

Tones of #220cad

Color Blindness Simulator