#220a63 hex color

In a RGB color space, hex #220a63 is composed of 13.3% red, 3.9% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 65.7% cyan, 89.9% magenta, 0% yellow and 61.2% black. It has a hue angle of 256.2 degrees, a saturation of 81.7% and a lightness of 21.4%. #220a63 color hex could be obtained by blending #4414c6 with #000000. Closest websafe color is: #330066.

♥
- f
- t
- g
- R 13
- G 4
- B 39
RGB color chart
- C 66
- M 90
- Y 0
- K 61
CMYK color chart

● #220a63 color description : Very dark violet.

The hexadecimal color #220a63 has RGB values of R:34, G:10, B:99 and CMYK values of C:0.66, M:0.9, Y:0, K:0.61. Its decimal value is 2230883.

Hex triplet	220a63	`#220a63`
RGB Decimal	34, 10, 99	`rgb(34,10,99)`
RGB Percent	13.3, 3.9, 38.8	`rgb(13.3%,3.9%,38.8%)`
CMYK	66, 90, 0, 61
HSL	256.2°, 81.7, 21.4	`hsl(256.2,81.7%,21.4%)`
HSV (or HSB)	256.2°, 89.9, 38.8
Web Safe	330066	`#330066`

CIE-LAB	12.338, 36.218, -46.833
XYZ	3.02, 1.458, 11.926
xyY	0.184, 0.089, 1.458
CIE-LCH	12.338, 59.204, 307.716
CIE-LUV	12.338, 0.205, -40.427
Hunter-Lab	12.074, 23.515, -50.109
Binary	00100010, 00001010, 01100011

#220a63
```
#220a63 rgb(34,10,99)
```
#4b630a
```
#4b630a rgb(75,99,10)
```

Complementary Color

#0a1f63
```
#0a1f63 rgb(10,31,99)
```
#220a63
```
#220a63 rgb(34,10,99)
```
#4f0a63
```
#4f0a63 rgb(79,10,99)
```

Analogous Color

#1f630a
```
#1f630a rgb(31,99,10)
```
#220a63
```
#220a63 rgb(34,10,99)
```
#634f0a
```
#634f0a rgb(99,79,10)
```

Split Complementary Color

#0a6322
```
#0a6322 rgb(10,99,34)
```
#220a63
```
#220a63 rgb(34,10,99)
```
#63220a
```
#63220a rgb(99,34,10)
```

Triadic Color

#0a4b63
```
#0a4b63 rgb(10,75,99)
```
#220a63
```
#220a63 rgb(34,10,99)
```
#63220a
```
#63220a rgb(99,34,10)
```
#4b630a
```
#4b630a rgb(75,99,10)
```

Tetradic Color

#0a031e
```
#0a031e rgb(10,3,30)
```
#120535
```
#120535 rgb(18,5,53)
```
#1a084c
```
#1a084c rgb(26,8,76)
```
#220a63
```
#220a63 rgb(34,10,99)
```
#2a0c7a
```
#2a0c7a rgb(42,12,122)
```
#320f91
```
#320f91 rgb(50,15,145)
```
#3a11a8
```
#3a11a8 rgb(58,17,168)
```

Monochromatic Color

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

#0c0a63
```
#0c0a63 rgb(12,10,99)
```
#130a63
```
#130a63 rgb(19,10,99)
```
#1b0a63
```
#1b0a63 rgb(27,10,99)
```
#220a63
```
#220a63 rgb(34,10,99)
```
#290a63
```
#290a63 rgb(41,10,99)
```
#310a63
```
#310a63 rgb(49,10,99)
```
#380a63
```
#380a63 rgb(56,10,99)
```

Similar Colors

Text with hexadecimal color #220a63

This text has a font color of #220a63.

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

#220a63 background color

This paragraph has a background color of #220a63.

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

#220a63 border color

This element has a border color of #220a63.

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

CSS codes

.text {color:#220a63;}

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

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

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, #03010a is the darkest color, while #f9f7fe is the lightest one.

#03010a
```
#03010a rgb(3,1,10)
```
#0a031c
```
#0a031c rgb(10,3,28)
```
#10052e
```
#10052e rgb(16,5,46)
```
#16063f
```
#16063f rgb(22,6,63)
```
#1c0851
```
#1c0851 rgb(28,8,81)
```
#220a63
```
#220a63 rgb(34,10,99)
```
#280c75
```
#280c75 rgb(40,12,117)
```
#2e0e87
```
#2e0e87 rgb(46,14,135)
```
#340f98
```
#340f98 rgb(52,15,152)
```
#3a11aa
```
#3a11aa rgb(58,17,170)
```
#4113bc
```
#4113bc rgb(65,19,188)
```
#4715ce
```
#4715ce rgb(71,21,206)
```
#4d17e0
```
#4d17e0 rgb(77,23,224)
```

Shade Color Variation

#5721e9
```
#5721e9 rgb(87,33,233)
```
#6533ea
```
#6533ea rgb(101,51,234)
```
#7245ec
```
#7245ec rgb(114,69,236)
```
#8057ee
```
#8057ee rgb(128,87,238)
```
#8d69f0
```
#8d69f0 rgb(141,105,240)
```
#9b7af2
```
#9b7af2 rgb(155,122,242)
```
#a88cf3
```
#a88cf3 rgb(168,140,243)
```
#b69ef5
```
#b69ef5 rgb(182,158,245)
```
#c3b0f7
```
#c3b0f7 rgb(195,176,247)
```
#d1c2f9
```
#d1c2f9 rgb(209,194,249)
```
#ded3fb
```
#ded3fb rgb(222,211,251)
```
#ece5fc
```
#ece5fc rgb(236,229,252)
```
#f9f7fe
```
#f9f7fe rgb(249,247,254)
```

Tint Color Variation

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

#353439
```
#353439 rgb(53,52,57)
```
#33303d
```
#33303d rgb(51,48,61)
```
#312c41
```
#312c41 rgb(49,44,65)
```
#302746
```
#302746 rgb(48,39,70)
```
#2e234a
```
#2e234a rgb(46,35,74)
```
#2c1f4e
```
#2c1f4e rgb(44,31,78)
```
#2a1b52
```
#2a1b52 rgb(42,27,82)
```
#281756
```
#281756 rgb(40,23,86)
```
#26125b
```
#26125b rgb(38,18,91)
```
#240e5f
```
#240e5f rgb(36,14,95)
```
#220a63
```
#220a63 rgb(34,10,99)
```
#200667
```
#200667 rgb(32,6,103)
```
#1e026b
```
#1e026b rgb(30,2,107)
```

Tone Color Variation

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

#1b1b1b Achromatopsia 0.005% of the population
#1c1829 Atypical Achromatopsia 0.001% of the population

Dichromacy

#002a52 Protanopia 1% of men
#002d47 Deuteranopia 1% of men
#003033 Tritanopia 0.001% of the population

Trichromacy

#0c1e58 Protanomaly 1% of men, 0.01% of women
#0c2051 Deuteranomaly 6% of men, 0.4% of women
#0c2244 Tritanomaly 0.01% of the population

#220a63 hex color

#220a63 Color Information

#220a63 Color Conversion

Color Schemes with #220a63

Alternatives to #220a63

#220a63 Preview

Shades and Tints of #220a63

Tones of #220a63

Color Blindness Simulator