#220cae hex color

In a RGB color space, hex #220cae is composed of 13.3% red, 4.7% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 80.5% cyan, 93.1% magenta, 0% yellow and 31.8% black. It has a hue angle of 248.1 degrees, a saturation of 87.1% and a lightness of 36.5%. #220cae color hex could be obtained by blending #4418ff with #00005d. 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

● #220cae color description : Dark blue.

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

Hex triplet	220cae	`#220cae`
RGB Decimal	34, 12, 174	`rgb(34,12,174)`
RGB Percent	13.3, 4.7, 68.2	`rgb(13.3%,4.7%,68.2%)`
CMYK	80, 93, 0, 32
HSL	248.1°, 87.1, 36.5	`hsl(248.1,87.1%,36.5%)`
HSV (or HSB)	248.1°, 93.1, 68.2
Web Safe	330099	`#330099`

CIE-LAB	22.509, 56.992, -77.207
XYZ	8.43, 3.658, 40.304
xyY	0.161, 0.07, 3.658
CIE-LCH	22.509, 95.964, 306.433
CIE-LUV	22.509, -4.332, -84.741
Hunter-Lab	19.127, 45.195, -111.544
Binary	00100010, 00001100, 10101110

#220cae
```
#220cae rgb(34,12,174)
```
#98ae0c
```
#98ae0c rgb(152,174,12)
```

Complementary Color

#0c47ae
```
#0c47ae rgb(12,71,174)
```
#220cae
```
#220cae rgb(34,12,174)
```
#730cae
```
#730cae rgb(115,12,174)
```

Analogous Color

#47ae0c
```
#47ae0c rgb(71,174,12)
```
#220cae
```
#220cae rgb(34,12,174)
```
#ae730c
```
#ae730c rgb(174,115,12)
```

Split Complementary Color

#0cae22
```
#0cae22 rgb(12,174,34)
```
#220cae
```
#220cae rgb(34,12,174)
```
#ae220c
```
#ae220c rgb(174,34,12)
```

Triadic Color

#0c98ae
```
#0c98ae rgb(12,152,174)
```
#220cae
```
#220cae rgb(34,12,174)
```
#ae220c
```
#ae220c rgb(174,34,12)
```
#98ae0c
```
#98ae0c rgb(152,174,12)
```

Tetradic Color

#140766
```
#140766 rgb(20,7,102)
```
#19097e
```
#19097e rgb(25,9,126)
```
#1d0a96
```
#1d0a96 rgb(29,10,150)
```
#220cae
```
#220cae rgb(34,12,174)
```
#270ec6
```
#270ec6 rgb(39,14,198)
```
#2b0fde
```
#2b0fde rgb(43,15,222)
```
#3517ef
```
#3517ef rgb(53,23,239)
```

Monochromatic Color

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

#0c1eae
```
#0c1eae rgb(12,30,174)
```
#0c11ae
```
#0c11ae rgb(12,17,174)
```
#150cae
```
#150cae rgb(21,12,174)
```
#220cae
```
#220cae rgb(34,12,174)
```
#300cae
```
#300cae rgb(48,12,174)
```
#3d0cae
```
#3d0cae rgb(61,12,174)
```
#4b0cae
```
#4b0cae rgb(75,12,174)
```

Similar Colors

Text with hexadecimal color #220cae

This text has a font color of #220cae.

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

#220cae background color

This paragraph has a background color of #220cae.

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

#220cae border color

This element has a border color of #220cae.

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

CSS codes

.text {color:#220cae;}

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

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

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

#020109
```
#020109 rgb(2,1,9)
```
#05021b
```
#05021b rgb(5,2,27)
```
#09032e
```
#09032e rgb(9,3,46)
```
#0c0440
```
#0c0440 rgb(12,4,64)
```
#100652
```
#100652 rgb(16,6,82)
```
#140765
```
#140765 rgb(20,7,101)
```
#170877
```
#170877 rgb(23,8,119)
```
#1b0989
```
#1b0989 rgb(27,9,137)
```
#1e0b9c
```
#1e0b9c rgb(30,11,156)
```
#220cae
```
#220cae rgb(34,12,174)
```
#260dc0
```
#260dc0 rgb(38,13,192)
```
#290fd3
```
#290fd3 rgb(41,15,211)
```
#2d10e5
```
#2d10e5 rgb(45,16,229)
```

Shade Color Variation

#3619ef
```
#3619ef rgb(54,25,239)
```
#462cf0
```
#462cf0 rgb(70,44,240)
```
#563ef2
```
#563ef2 rgb(86,62,242)
```
#6650f3
```
#6650f3 rgb(102,80,243)
```
#7663f4
```
#7663f4 rgb(118,99,244)
```
#8675f5
```
#8675f5 rgb(134,117,245)
```
#9787f7
```
#9787f7 rgb(151,135,247)
```
#a79af8
```
#a79af8 rgb(167,154,248)
```
#b7acf9
```
#b7acf9 rgb(183,172,249)
```
#c7befb
```
#c7befb rgb(199,190,251)
```
#d7d1fc
```
#d7d1fc rgb(215,209,252)
```
#e7e3fd
```
#e7e3fd rgb(231,227,253)
```
#f7f6fe
```
#f7f6fe rgb(247,246,254)
```

Tint Color Variation

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

#5b5b5f
```
#5b5b5f rgb(91,91,95)
```
#565466
```
#565466 rgb(86,84,102)
```
#514c6e
```
#514c6e rgb(81,76,110)
```
#4c4575
```
#4c4575 rgb(76,69,117)
```
#463e7c
```
#463e7c rgb(70,62,124)
```
#413783
```
#413783 rgb(65,55,131)
```
#3c308a
```
#3c308a rgb(60,48,138)
```
#372991
```
#372991 rgb(55,41,145)
```
#322199
```
#322199 rgb(50,33,153)
```
#2c1aa0
```
#2c1aa0 rgb(44,26,160)
```
#2713a7
```
#2713a7 rgb(39,19,167)
```
#220cae
```
#220cae rgb(34,12,174)
```
#1d05b5
```
#1d05b5 rgb(29,5,181)
```

Tone Color Variation

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

#003e79 Protanopia 1% of men
#004268 Deuteranopia 1% of men
#004649 Tritanopia 0.001% of the population

Trichromacy

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

#220cae hex color

#220cae Color Information

#220cae Color Conversion

Color Schemes with #220cae

Alternatives to #220cae

#220cae Preview

Shades and Tints of #220cae

Tones of #220cae

Color Blindness Simulator