#220d36 hex color

In a RGB color space, hex #220d36 is composed of 13.3% red, 5.1% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 37% cyan, 75.9% magenta, 0% yellow and 78.8% black. It has a hue angle of 270.7 degrees, a saturation of 61.2% and a lightness of 13.1%. #220d36 color hex could be obtained by blending #441a6c with #000000. Closest websafe color is: #330033.

♥
- f
- t
- g
- R 13
- G 5
- B 21
RGB color chart
- C 37
- M 76
- Y 0
- K 79
CMYK color chart

● #220d36 color description : Very dark violet.

The hexadecimal color #220d36 has RGB values of R:34, G:13, B:54 and CMYK values of C:0.37, M:0.76, Y:0, K:0.79. Its decimal value is 2231606.

Hex triplet	220d36	`#220d36`
RGB Decimal	34, 13, 54	`rgb(34,13,54)`
RGB Percent	13.3, 5.1, 21.2	`rgb(13.3%,5.1%,21.2%)`
CMYK	37, 76, 0, 79
HSL	270.7°, 61.2, 13.1	`hsl(270.7,61.2%,13.1%)`
HSV (or HSB)	270.7°, 75.9, 21.2
Web Safe	330033	`#330033`

CIE-LAB	8.078, 20.773, -22.589
XYZ	1.469, 0.894, 3.585
xyY	0.247, 0.15, 0.894
CIE-LCH	8.078, 30.688, 312.602
CIE-LUV	8.078, 3.297, -16.215
Hunter-Lab	9.457, 11.186, -15.857
Binary	00100010, 00001101, 00110110

#220d36
```
#220d36 rgb(34,13,54)
```
#21360d
```
#21360d rgb(33,54,13)
```

Complementary Color

#0e0d36
```
#0e0d36 rgb(14,13,54)
```
#220d36
```
#220d36 rgb(34,13,54)
```
#360d36
```
#360d36 rgb(54,13,54)
```

Analogous Color

#0d360e
```
#0d360e rgb(13,54,14)
```
#220d36
```
#220d36 rgb(34,13,54)
```
#36360d
```
#36360d rgb(54,54,13)
```

Split Complementary Color

#0d3622
```
#0d3622 rgb(13,54,34)
```
#220d36
```
#220d36 rgb(34,13,54)
```
#36220d
```
#36220d rgb(54,34,13)
```

Triadic Color

#0d2136
```
#0d2136 rgb(13,33,54)
```
#220d36
```
#220d36 rgb(34,13,54)
```
#36220d
```
#36220d rgb(54,34,13)
```
#21360d
```
#21360d rgb(33,54,13)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#08030d
```
#08030d rgb(8,3,13)
```
#150821
```
#150821 rgb(21,8,33)
```
#220d36
```
#220d36 rgb(34,13,54)
```
#2f124b
```
#2f124b rgb(47,18,75)
```
#3c175f
```
#3c175f rgb(60,23,95)
```
#491c74
```
#491c74 rgb(73,28,116)
```

Monochromatic Color

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

#180d36
```
#180d36 rgb(24,13,54)
```
#1b0d36
```
#1b0d36 rgb(27,13,54)
```
#1f0d36
```
#1f0d36 rgb(31,13,54)
```
#220d36
```
#220d36 rgb(34,13,54)
```
#250d36
```
#250d36 rgb(37,13,54)
```
#290d36
```
#290d36 rgb(41,13,54)
```
#2c0d36
```
#2c0d36 rgb(44,13,54)
```

Similar Colors

Text with hexadecimal color #220d36

This text has a font color of #220d36.

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

#220d36 background color

This paragraph has a background color of #220d36.

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

#220d36 border color

This element has a border color of #220d36.

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

CSS codes

.text {color:#220d36;}

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

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

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

#040207
```
#040207 rgb(4,2,7)
```
#0e0516
```
#0e0516 rgb(14,5,22)
```
#180926
```
#180926 rgb(24,9,38)
```
#220d36
```
#220d36 rgb(34,13,54)
```
#2c1146
```
#2c1146 rgb(44,17,70)
```
#361556
```
#361556 rgb(54,21,86)
```
#401865
```
#401865 rgb(64,24,101)
```
#4a1c75
```
#4a1c75 rgb(74,28,117)
```
#542085
```
#542085 rgb(84,32,133)
```
#5e2495
```
#5e2495 rgb(94,36,149)
```
#6828a5
```
#6828a5 rgb(104,40,165)
```
#722bb4
```
#722bb4 rgb(114,43,180)
```
#7c2fc4
```
#7c2fc4 rgb(124,47,196)
```

Shade Color Variation

#8538cf
```
#8538cf rgb(133,56,207)
```
#8f48d3
```
#8f48d3 rgb(143,72,211)
```
#9958d7
```
#9958d7 rgb(153,88,215)
```
#a267db
```
#a267db rgb(162,103,219)
```
#ac77de
```
#ac77de rgb(172,119,222)
```
#b687e2
```
#b687e2 rgb(182,135,226)
```
#bf97e6
```
#bf97e6 rgb(191,151,230)
```
#c9a7ea
```
#c9a7ea rgb(201,167,234)
```
#d3b7ee
```
#d3b7ee rgb(211,183,238)
```
#dcc6f1
```
#dcc6f1 rgb(220,198,241)
```
#e6d6f5
```
#e6d6f5 rgb(230,214,245)
```
#f0e6f9
```
#f0e6f9 rgb(240,230,249)
```
#f9f6fd
```
#f9f6fd rgb(249,246,253)
```

Tint Color Variation

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

#221f24
```
#221f24 rgb(34,31,36)
```
#221c27
```
#221c27 rgb(34,28,39)
```
#221a29
```
#221a29 rgb(34,26,41)
```
#22172c
```
#22172c rgb(34,23,44)
```
#22152e
```
#22152e rgb(34,21,46)
```
#221231
```
#221231 rgb(34,18,49)
```
#221033
```
#221033 rgb(34,16,51)
```
#220d36
```
#220d36 rgb(34,13,54)
```
#220a39
```
#220a39 rgb(34,10,57)
```
#22083b
```
#22083b rgb(34,8,59)
```
#22053e
```
#22053e rgb(34,5,62)
```
#220340
```
#220340 rgb(34,3,64)
```
#220043
```
#220043 rgb(34,0,67)
```

Tone Color Variation

Below, you can see how #220d36 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
#1a161e Atypical Achromatopsia 0.001% of the population

Dichromacy

#002243 Protanopia 1% of men
#00243c Deuteranopia 1% of men
#272224 Tritanopia 0.001% of the population

Trichromacy

#0c1a3e Protanomaly 1% of men, 0.01% of women
#0c1b3a Deuteranomaly 6% of men, 0.4% of women
#251a2b Tritanomaly 0.01% of the population

#220d36 hex color

#220d36 Color Information

#220d36 Color Conversion

Color Schemes with #220d36

Alternatives to #220d36

#220d36 Preview

Shades and Tints of #220d36

Tones of #220d36

Color Blindness Simulator