#220c6f hex color

In a RGB color space, hex #220c6f is composed of 13.3% red, 4.7% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 69.4% cyan, 89.2% magenta, 0% yellow and 56.5% black. It has a hue angle of 253.3 degrees, a saturation of 80.5% and a lightness of 24.1%. #220c6f color hex could be obtained by blending #4418de with #000000. Closest websafe color is: #330066.

♥
- f
- t
- g
- R 13
- G 5
- B 44
RGB color chart
- C 69
- M 89
- Y 0
- K 56
CMYK color chart

● #220c6f color description : Very dark blue.

The hexadecimal color #220c6f has RGB values of R:34, G:12, B:111 and CMYK values of C:0.69, M:0.89, Y:0, K:0.56. Its decimal value is 2231407.

Hex triplet	220c6f	`#220c6f`
RGB Decimal	34, 12, 111	`rgb(34,12,111)`
RGB Percent	13.3, 4.7, 43.5	`rgb(13.3%,4.7%,43.5%)`
CMYK	69, 89, 0, 56
HSL	253.3°, 80.5, 24.1	`hsl(253.3,80.5%,24.1%)`
HSV (or HSB)	253.3°, 89.2, 43.5
Web Safe	330066	`#330066`

CIE-LAB	14.12, 39.015, -51.782
XYZ	3.66, 1.751, 15.183
xyY	0.178, 0.085, 1.751
CIE-LCH	14.12, 64.834, 306.996
CIE-LUV	14.12, -0.708, -47.646
Hunter-Lab	13.231, 26.222, -58.776
Binary	00100010, 00001100, 01101111

#220c6f
```
#220c6f rgb(34,12,111)
```
#596f0c
```
#596f0c rgb(89,111,12)
```

Complementary Color

#0c286f
```
#0c286f rgb(12,40,111)
```
#220c6f
```
#220c6f rgb(34,12,111)
```
#540c6f
```
#540c6f rgb(84,12,111)
```

Analogous Color

#286f0c
```
#286f0c rgb(40,111,12)
```
#220c6f
```
#220c6f rgb(34,12,111)
```
#6f540c
```
#6f540c rgb(111,84,12)
```

Split Complementary Color

#0c6f22
```
#0c6f22 rgb(12,111,34)
```
#220c6f
```
#220c6f rgb(34,12,111)
```
#6f220c
```
#6f220c rgb(111,34,12)
```

Triadic Color

#0c596f
```
#0c596f rgb(12,89,111)
```
#220c6f
```
#220c6f rgb(34,12,111)
```
#6f220c
```
#6f220c rgb(111,34,12)
```
#596f0c
```
#596f0c rgb(89,111,12)
```

Tetradic Color

#0d052a
```
#0d052a rgb(13,5,42)
```
#140741
```
#140741 rgb(20,7,65)
```
#1b0a58
```
#1b0a58 rgb(27,10,88)
```
#220c6f
```
#220c6f rgb(34,12,111)
```
#290e86
```
#290e86 rgb(41,14,134)
```
#30119d
```
#30119d rgb(48,17,157)
```
#3713b4
```
#3713b4 rgb(55,19,180)
```

Monochromatic Color

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

#0c0f6f
```
#0c0f6f rgb(12,15,111)
```
#120c6f
```
#120c6f rgb(18,12,111)
```
#1a0c6f
```
#1a0c6f rgb(26,12,111)
```
#220c6f
```
#220c6f rgb(34,12,111)
```
#2a0c6f
```
#2a0c6f rgb(42,12,111)
```
#330c6f
```
#330c6f rgb(51,12,111)
```
#3b0c6f
```
#3b0c6f rgb(59,12,111)
```

Similar Colors

Text with hexadecimal color #220c6f

This text has a font color of #220c6f.

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

#220c6f background color

This paragraph has a background color of #220c6f.

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

#220c6f border color

This element has a border color of #220c6f.

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

CSS codes

.text {color:#220c6f;}

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

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

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

#010105
```
#010105 rgb(1,1,5)
```
#070216
```
#070216 rgb(7,2,22)
```
#0c0428
```
#0c0428 rgb(12,4,40)
```
#12063a
```
#12063a rgb(18,6,58)
```
#17084c
```
#17084c rgb(23,8,76)
```
#1d0a5d
```
#1d0a5d rgb(29,10,93)
```
#220c6f
```
#220c6f rgb(34,12,111)
```
#270e81
```
#270e81 rgb(39,14,129)
```
#2d1092
```
#2d1092 rgb(45,16,146)
```
#3212a4
```
#3212a4 rgb(50,18,164)
```
#3814b6
```
#3814b6 rgb(56,20,182)
```
#3d16c8
```
#3d16c8 rgb(61,22,200)
```
#4317d9
```
#4317d9 rgb(67,23,217)
```

Shade Color Variation

#4a1ee7
```
#4a1ee7 rgb(74,30,231)
```
#592fe9
```
#592fe9 rgb(89,47,233)
```
#6741ea
```
#6741ea rgb(103,65,234)
```
#7553ec
```
#7553ec rgb(117,83,236)
```
#8364ee
```
#8364ee rgb(131,100,238)
```
#9176f0
```
#9176f0 rgb(145,118,240)
```
#9f88f2
```
#9f88f2 rgb(159,136,242)
```
#ae9af4
```
#ae9af4 rgb(174,154,244)
```
#bcabf6
```
#bcabf6 rgb(188,171,246)
```
#cabdf8
```
#cabdf8 rgb(202,189,248)
```
#d8cffa
```
#d8cffa rgb(216,207,250)
```
#e6e0fc
```
#e6e0fc rgb(230,224,252)
```
#f5f2fe
```
#f5f2fe rgb(245,242,254)
```

Tint Color Variation

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

#3c3b40
```
#3c3b40 rgb(60,59,64)
```
#3a3744
```
#3a3744 rgb(58,55,68)
```
#373249
```
#373249 rgb(55,50,73)
```
#342d4e
```
#342d4e rgb(52,45,78)
```
#322853
```
#322853 rgb(50,40,83)
```
#2f2457
```
#2f2457 rgb(47,36,87)
```
#2d1f5c
```
#2d1f5c rgb(45,31,92)
```
#2a1a61
```
#2a1a61 rgb(42,26,97)
```
#271566
```
#271566 rgb(39,21,102)
```
#25116a
```
#25116a rgb(37,17,106)
```
#220c6f
```
#220c6f rgb(34,12,111)
```
#1f0774
```
#1f0774 rgb(31,7,116)
```
#1d0378
```
#1d0378 rgb(29,3,120)
```

Tone Color Variation

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

#1e1e1e Achromatopsia 0.005% of the population
#1f1a2e Atypical Achromatopsia 0.001% of the population

Dichromacy

#002d59 Protanopia 1% of men
#00304d Deuteranopia 1% of men
#003336 Tritanopia 0.001% of the population

Trichromacy

#0c2161 Protanomaly 1% of men, 0.01% of women
#0c2359 Deuteranomaly 6% of men, 0.4% of women
#0c254b Tritanomaly 0.01% of the population

#220c6f hex color

#220c6f Color Information

#220c6f Color Conversion

Color Schemes with #220c6f

Alternatives to #220c6f

#220c6f Preview

Shades and Tints of #220c6f

Tones of #220c6f

Color Blindness Simulator