#220c3a hex color

In a RGB color space, hex #220c3a is composed of 13.3% red, 4.7% green and 22.7% blue. Whereas in a CMYK color space, it is composed of 41.4% cyan, 79.3% magenta, 0% yellow and 77.3% black. It has a hue angle of 268.7 degrees, a saturation of 65.7% and a lightness of 13.7%. #220c3a color hex could be obtained by blending #441874 with #000000. Closest websafe color is: #330033.

♥
- f
- t
- g
- R 13
- G 5
- B 23
RGB color chart
- C 41
- M 79
- Y 0
- K 77
CMYK color chart

● #220c3a color description : Very dark violet.

The hexadecimal color #220c3a has RGB values of R:34, G:12, B:58 and CMYK values of C:0.41, M:0.79, Y:0, K:0.77. Its decimal value is 2231354.

Hex triplet	220c3a	`#220c3a`
RGB Decimal	34, 12, 58	`rgb(34,12,58)`
RGB Percent	13.3, 4.7, 22.7	`rgb(13.3%,4.7%,22.7%)`
CMYK	41, 79, 0, 77
HSL	268.7°, 65.7, 13.7	`hsl(268.7,65.7%,13.7%)`
HSV (or HSB)	268.7°, 79.3, 22.7
Web Safe	330033	`#330033`

CIE-LAB	8.205, 22.593, -25.282
XYZ	1.555, 0.909, 4.096
xyY	0.237, 0.139, 0.909
CIE-LCH	8.205, 33.906, 311.785
CIE-LUV	8.205, 3.045, -18.206
Hunter-Lab	9.532, 12.436, -18.808
Binary	00100010, 00001100, 00111010

#220c3a
```
#220c3a rgb(34,12,58)
```
#243a0c
```
#243a0c rgb(36,58,12)
```

Complementary Color

#0c0d3a
```
#0c0d3a rgb(12,13,58)
```
#220c3a
```
#220c3a rgb(34,12,58)
```
#390c3a
```
#390c3a rgb(57,12,58)
```

Analogous Color

#0d3a0c
```
#0d3a0c rgb(13,58,12)
```
#220c3a
```
#220c3a rgb(34,12,58)
```
#3a390c
```
#3a390c rgb(58,57,12)
```

Split Complementary Color

#0c3a22
```
#0c3a22 rgb(12,58,34)
```
#220c3a
```
#220c3a rgb(34,12,58)
```
#3a220c
```
#3a220c rgb(58,34,12)
```

Triadic Color

#0c243a
```
#0c243a rgb(12,36,58)
```
#220c3a
```
#220c3a rgb(34,12,58)
```
#3a220c
```
#3a220c rgb(58,34,12)
```
#243a0c
```
#243a0c rgb(36,58,12)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#090310
```
#090310 rgb(9,3,16)
```
#160825
```
#160825 rgb(22,8,37)
```
#220c3a
```
#220c3a rgb(34,12,58)
```
#2e104f
```
#2e104f rgb(46,16,79)
```
#3b1564
```
#3b1564 rgb(59,21,100)
```
#471979
```
#471979 rgb(71,25,121)
```

Monochromatic Color

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

#170c3a
```
#170c3a rgb(23,12,58)
```
#1a0c3a
```
#1a0c3a rgb(26,12,58)
```
#1e0c3a
```
#1e0c3a rgb(30,12,58)
```
#220c3a
```
#220c3a rgb(34,12,58)
```
#260c3a
```
#260c3a rgb(38,12,58)
```
#2a0c3a
```
#2a0c3a rgb(42,12,58)
```
#2e0c3a
```
#2e0c3a rgb(46,12,58)
```

Similar Colors

Text with hexadecimal color #220c3a

This text has a font color of #220c3a.

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

#220c3a background color

This paragraph has a background color of #220c3a.

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

#220c3a border color

This element has a border color of #220c3a.

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

CSS codes

.text {color:#220c3a;}

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

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

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

#050209
```
#050209 rgb(5,2,9)
```
#0f0519
```
#0f0519 rgb(15,5,25)
```
#18092a
```
#18092a rgb(24,9,42)
```
#220c3a
```
#220c3a rgb(34,12,58)
```
#2c0f4a
```
#2c0f4a rgb(44,15,74)
```
#35135b
```
#35135b rgb(53,19,91)
```
#3f166b
```
#3f166b rgb(63,22,107)
```
#48197b
```
#48197b rgb(72,25,123)
```
#521d8b
```
#521d8b rgb(82,29,139)
```
#5b209c
```
#5b209c rgb(91,32,156)
```
#6524ac
```
#6524ac rgb(101,36,172)
```
#6e27bc
```
#6e27bc rgb(110,39,188)
```
#782acc
```
#782acc rgb(120,42,204)
```

Shade Color Variation

#8235d5
```
#8235d5 rgb(130,53,213)
```
#8c45d9
```
#8c45d9 rgb(140,69,217)
```
#9655dc
```
#9655dc rgb(150,85,220)
```
#a066df
```
#a066df rgb(160,102,223)
```
#aa76e3
```
#aa76e3 rgb(170,118,227)
```
#b486e6
```
#b486e6 rgb(180,134,230)
```
#be96e9
```
#be96e9 rgb(190,150,233)
```
#c8a7ed
```
#c8a7ed rgb(200,167,237)
```
#d2b7f0
```
#d2b7f0 rgb(210,183,240)
```
#dcc7f3
```
#dcc7f3 rgb(220,199,243)
```
#e6d7f7
```
#e6d7f7 rgb(230,215,247)
```
#f1e8fa
```
#f1e8fa rgb(241,232,250)
```
#fbf8fe
```
#fbf8fe rgb(251,248,254)
```

Tint Color Variation

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

#232224
```
#232224 rgb(35,34,36)
```
#231f27
```
#231f27 rgb(35,31,39)
```
#231c2a
```
#231c2a rgb(35,28,42)
```
#23192d
```
#23192d rgb(35,25,45)
```
#22172f
```
#22172f rgb(34,23,47)
```
#221432
```
#221432 rgb(34,20,50)
```
#221135
```
#221135 rgb(34,17,53)
```
#220f37
```
#220f37 rgb(34,15,55)
```
#220c3a
```
#220c3a rgb(34,12,58)
```
#22093d
```
#22093d rgb(34,9,61)
```
#22073f
```
#22073f rgb(34,7,63)
```
#220442
```
#220442 rgb(34,4,66)
```
#220145
```
#220145 rgb(34,1,69)
```

Tone Color Variation

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

#181818 Achromatopsia 0.005% of the population
#1a161f Atypical Achromatopsia 0.001% of the population

Dichromacy

#002244 Protanopia 1% of men
#00243c Deuteranopia 1% of men
#252325 Tritanopia 0.001% of the population

Trichromacy

#0c1a40 Protanomaly 1% of men, 0.01% of women
#0c1b3b Deuteranomaly 6% of men, 0.4% of women
#241a2d Tritanomaly 0.01% of the population

#220c3a hex color

#220c3a Color Information

#220c3a Color Conversion

Color Schemes with #220c3a

Alternatives to #220c3a

#220c3a Preview

Shades and Tints of #220c3a

Tones of #220c3a

Color Blindness Simulator