#220f45 hex color

In a RGB color space, hex #220f45 is composed of 13.3% red, 5.9% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 50.7% cyan, 78.3% magenta, 0% yellow and 72.9% black. It has a hue angle of 261.1 degrees, a saturation of 64.3% and a lightness of 16.5%. #220f45 color hex could be obtained by blending #441e8a with #000000. Closest websafe color is: #330033.

♥
- f
- t
- g
- R 13
- G 6
- B 27
RGB color chart
- C 51
- M 78
- Y 0
- K 73
CMYK color chart

● #220f45 color description : Very dark violet.

The hexadecimal color #220f45 has RGB values of R:34, G:15, B:69 and CMYK values of C:0.51, M:0.78, Y:0, K:0.73. Its decimal value is 2232133.

Hex triplet	220f45	`#220f45`
RGB Decimal	34, 15, 69	`rgb(34,15,69)`
RGB Percent	13.3, 5.9, 27.1	`rgb(13.3%,5.9%,27.1%)`
CMYK	51, 78, 0, 73
HSL	261.1°, 64.3, 16.5	`hsl(261.1,64.3%,16.5%)`
HSV (or HSB)	261.1°, 78.3, 27.1
Web Safe	330033	`#330033`

CIE-LAB	9.887, 24.224, -30.377
XYZ	1.905, 1.111, 5.744
xyY	0.217, 0.127, 1.111
CIE-LCH	9.887, 38.853, 308.571
CIE-LUV	9.887, 1.916, -24.292
Hunter-Lab	10.542, 13.798, -24.925
Binary	00100010, 00001111, 01000101

#220f45
```
#220f45 rgb(34,15,69)
```
#32450f
```
#32450f rgb(50,69,15)
```

Complementary Color

#0f1745
```
#0f1745 rgb(15,23,69)
```
#220f45
```
#220f45 rgb(34,15,69)
```
#3d0f45
```
#3d0f45 rgb(61,15,69)
```

Analogous Color

#17450f
```
#17450f rgb(23,69,15)
```
#220f45
```
#220f45 rgb(34,15,69)
```
#453d0f
```
#453d0f rgb(69,61,15)
```

Split Complementary Color

#0f4522
```
#0f4522 rgb(15,69,34)
```
#220f45
```
#220f45 rgb(34,15,69)
```
#45220f
```
#45220f rgb(69,34,15)
```

Triadic Color

#0f3245
```
#0f3245 rgb(15,50,69)
```
#220f45
```
#220f45 rgb(34,15,69)
```
#45220f
```
#45220f rgb(69,34,15)
```
#32450f
```
#32450f rgb(50,69,15)
```

Tetradic Color

#030106
```
#030106 rgb(3,1,6)
```
#0d061b
```
#0d061b rgb(13,6,27)
```
#180a30
```
#180a30 rgb(24,10,48)
```
#220f45
```
#220f45 rgb(34,15,69)
```
#2c145a
```
#2c145a rgb(44,20,90)
```
#37186f
```
#37186f rgb(55,24,111)
```
#411d84
```
#411d84 rgb(65,29,132)
```

Monochromatic Color

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

#150f45
```
#150f45 rgb(21,15,69)
```
#190f45
```
#190f45 rgb(25,15,69)
```
#1e0f45
```
#1e0f45 rgb(30,15,69)
```
#220f45
```
#220f45 rgb(34,15,69)
```
#270f45
```
#270f45 rgb(39,15,69)
```
#2b0f45
```
#2b0f45 rgb(43,15,69)
```
#300f45
```
#300f45 rgb(48,15,69)
```

Similar Colors

Text with hexadecimal color #220f45

This text has a font color of #220f45.

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

#220f45 background color

This paragraph has a background color of #220f45.

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

#220f45 border color

This element has a border color of #220f45.

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

CSS codes

.text {color:#220f45;}

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

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

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

#020105
```
#020105 rgb(2,1,5)
```
#0a0415
```
#0a0415 rgb(10,4,21)
```
#120825
```
#120825 rgb(18,8,37)
```
#1a0b35
```
#1a0b35 rgb(26,11,53)
```
#220f45
```
#220f45 rgb(34,15,69)
```
#2a1355
```
#2a1355 rgb(42,19,85)
```
#321665
```
#321665 rgb(50,22,101)
```
#3a1a75
```
#3a1a75 rgb(58,26,117)
```
#421d85
```
#421d85 rgb(66,29,133)
```
#4a2196
```
#4a2196 rgb(74,33,150)
```
#5224a6
```
#5224a6 rgb(82,36,166)
```
#5a28b6
```
#5a28b6 rgb(90,40,182)
```
#622bc6
```
#622bc6 rgb(98,43,198)
```

Shade Color Variation

#6b32d2
```
#6b32d2 rgb(107,50,210)
```
#7642d6
```
#7642d6 rgb(118,66,214)
```
#8252d9
```
#8252d9 rgb(130,82,217)
```
#8e62dd
```
#8e62dd rgb(142,98,221)
```
#9973e0
```
#9973e0 rgb(153,115,224)
```
#a583e4
```
#a583e4 rgb(165,131,228)
```
#b193e7
```
#b193e7 rgb(177,147,231)
```
#bca3eb
```
#bca3eb rgb(188,163,235)
```
#c8b3ee
```
#c8b3ee rgb(200,179,238)
```
#d4c3f2
```
#d4c3f2 rgb(212,195,242)
```
#dfd3f5
```
#dfd3f5 rgb(223,211,245)
```
#ebe3f9
```
#ebe3f9 rgb(235,227,249)
```
#f7f3fc
```
#f7f3fc rgb(247,243,252)
```

Tint Color Variation

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

#2a292b
```
#2a292b rgb(42,41,43)
```
#29262e
```
#29262e rgb(41,38,46)
```
#282232
```
#282232 rgb(40,34,50)
```
#271f35
```
#271f35 rgb(39,31,53)
```
#261c38
```
#261c38 rgb(38,28,56)
```
#25193b
```
#25193b rgb(37,25,59)
```
#24153f
```
#24153f rgb(36,21,63)
```
#231242
```
#231242 rgb(35,18,66)
```
#220f45
```
#220f45 rgb(34,15,69)
```
#210c48
```
#210c48 rgb(33,12,72)
```
#20094b
```
#20094b rgb(32,9,75)
```
#1f054f
```
#1f054f rgb(31,5,79)
```
#1e0252
```
#1e0252 rgb(30,2,82)
```

Tone Color Variation

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

Dichromacy

#00254a Protanopia 1% of men
#002841 Deuteranopia 1% of men
#22282a Tritanopia 0.001% of the population

Trichromacy

#0c1d48 Protanomaly 1% of men, 0.01% of women
#0c1e42 Deuteranomaly 6% of men, 0.4% of women
#221e34 Tritanomaly 0.01% of the population

#220f45 hex color

#220f45 Color Information

#220f45 Color Conversion

Color Schemes with #220f45

Alternatives to #220f45

#220f45 Preview

Shades and Tints of #220f45

Tones of #220f45

Color Blindness Simulator