#220f6a hex color

In a RGB color space, hex #220f6a is composed of 13.3% red, 5.9% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 67.9% cyan, 85.8% magenta, 0% yellow and 58.4% black. It has a hue angle of 252.5 degrees, a saturation of 75.2% and a lightness of 23.7%. #220f6a color hex could be obtained by blending #441ed4 with #000000. Closest websafe color is: #330066.

♥
- f
- t
- g
- R 13
- G 6
- B 42
RGB color chart
- C 68
- M 86
- Y 0
- K 58
CMYK color chart

● #220f6a color description : Very dark blue.

The hexadecimal color #220f6a has RGB values of R:34, G:15, B:106 and CMYK values of C:0.68, M:0.86, Y:0, K:0.58. Its decimal value is 2232170.

Hex triplet	220f6a	`#220f6a`
RGB Decimal	34, 15, 106	`rgb(34,15,106)`
RGB Percent	13.3, 5.9, 41.6	`rgb(13.3%,5.9%,41.6%)`
CMYK	68, 86, 0, 58
HSL	252.5°, 75.2, 23.7	`hsl(252.5,75.2%,23.7%)`
HSV (or HSB)	252.5°, 85.8, 41.6
Web Safe	330066	`#330066`

CIE-LAB	13.956, 36.133, -48.781
XYZ	3.432, 1.722, 13.786
xyY	0.181, 0.091, 1.722
CIE-LCH	13.956, 60.706, 306.528
CIE-LUV	13.956, -0.632, -45.152
Hunter-Lab	13.123, 23.709, -53.1
Binary	00100010, 00001111, 01101010

#220f6a
```
#220f6a rgb(34,15,106)
```
#576a0f
```
#576a0f rgb(87,106,15)
```

Complementary Color

#0f2a6a
```
#0f2a6a rgb(15,42,106)
```
#220f6a
```
#220f6a rgb(34,15,106)
```
#500f6a
```
#500f6a rgb(80,15,106)
```

Analogous Color

#2a6a0f
```
#2a6a0f rgb(42,106,15)
```
#220f6a
```
#220f6a rgb(34,15,106)
```
#6a500f
```
#6a500f rgb(106,80,15)
```

Split Complementary Color

#0f6a22
```
#0f6a22 rgb(15,106,34)
```
#220f6a
```
#220f6a rgb(34,15,106)
```
#6a220f
```
#6a220f rgb(106,34,15)
```

Triadic Color

#0f576a
```
#0f576a rgb(15,87,106)
```
#220f6a
```
#220f6a rgb(34,15,106)
```
#6a220f
```
#6a220f rgb(106,34,15)
```
#576a0f
```
#576a0f rgb(87,106,15)
```

Tetradic Color

#0d0627
```
#0d0627 rgb(13,6,39)
```
#14093d
```
#14093d rgb(20,9,61)
```
#1b0c54
```
#1b0c54 rgb(27,12,84)
```
#220f6a
```
#220f6a rgb(34,15,106)
```
#291280
```
#291280 rgb(41,18,128)
```
#301597
```
#301597 rgb(48,21,151)
```
#3718ad
```
#3718ad rgb(55,24,173)
```

Monochromatic Color

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

#0f136a
```
#0f136a rgb(15,19,106)
```
#130f6a
```
#130f6a rgb(19,15,106)
```
#1a0f6a
```
#1a0f6a rgb(26,15,106)
```
#220f6a
```
#220f6a rgb(34,15,106)
```
#2a0f6a
```
#2a0f6a rgb(42,15,106)
```
#310f6a
```
#310f6a rgb(49,15,106)
```
#390f6a
```
#390f6a rgb(57,15,106)
```

Similar Colors

Text with hexadecimal color #220f6a

This text has a font color of #220f6a.

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

#220f6a background color

This paragraph has a background color of #220f6a.

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

#220f6a border color

This element has a border color of #220f6a.

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

CSS codes

.text {color:#220f6a;}

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

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

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

#010003
```
#010003 rgb(1,0,3)
```
#060314
```
#060314 rgb(6,3,20)
```
#0c0525
```
#0c0525 rgb(12,5,37)
```
#110836
```
#110836 rgb(17,8,54)
```
#170a48
```
#170a48 rgb(23,10,72)
```
#1c0d59
```
#1c0d59 rgb(28,13,89)
```
#220f6a
```
#220f6a rgb(34,15,106)
```
#28117b
```
#28117b rgb(40,17,123)
```
#2d148c
```
#2d148c rgb(45,20,140)
```
#33169e
```
#33169e rgb(51,22,158)
```
#3819af
```
#3819af rgb(56,25,175)
```
#3e1bc0
```
#3e1bc0 rgb(62,27,192)
```
#431ed1
```
#431ed1 rgb(67,30,209)
```

Shade Color Variation

#4a23e0
```
#4a23e0 rgb(74,35,224)
```
#5834e2
```
#5834e2 rgb(88,52,226)
```
#6645e5
```
#6645e5 rgb(102,69,229)
```
#7456e7
```
#7456e7 rgb(116,86,231)
```
#8267ea
```
#8267ea rgb(130,103,234)
```
#9178ec
```
#9178ec rgb(145,120,236)
```
#9f8aee
```
#9f8aee rgb(159,138,238)
```
#ad9bf1
```
#ad9bf1 rgb(173,155,241)
```
#bbacf3
```
#bbacf3 rgb(187,172,243)
```
#c9bdf6
```
#c9bdf6 rgb(201,189,246)
```
#d7cef8
```
#d7cef8 rgb(215,206,248)
```
#e5e0fb
```
#e5e0fb rgb(229,224,251)
```
#f3f1fd
```
#f3f1fd rgb(243,241,253)
```

Tint Color Variation

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

#3a3940
```
#3a3940 rgb(58,57,64)
```
#383445
```
#383445 rgb(56,52,69)
```
#353049
```
#353049 rgb(53,48,73)
```
#322b4e
```
#322b4e rgb(50,43,78)
```
#302653
```
#302653 rgb(48,38,83)
```
#2d2257
```
#2d2257 rgb(45,34,87)
```
#2a1d5c
```
#2a1d5c rgb(42,29,92)
```
#271861
```
#271861 rgb(39,24,97)
```
#251465
```
#251465 rgb(37,20,101)
```
#220f6a
```
#220f6a rgb(34,15,106)
```
#1f0a6f
```
#1f0a6f rgb(31,10,111)
```
#1d0673
```
#1d0673 rgb(29,6,115)
```
#1a0178
```
#1a0178 rgb(26,1,120)
```

Tone Color Variation

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

#1f1f1f Achromatopsia 0.005% of the population
#201c2e Atypical Achromatopsia 0.001% of the population

Dichromacy

#002d58 Protanopia 1% of men
#00304c Deuteranopia 1% of men
#003336 Tritanopia 0.001% of the population

Trichromacy

#0c225e Protanomaly 1% of men, 0.01% of women
#0c2457 Deuteranomaly 6% of men, 0.4% of women
#0c2649 Tritanomaly 0.01% of the population

#220f6a hex color

#220f6a Color Information

#220f6a Color Conversion

Color Schemes with #220f6a

Alternatives to #220f6a

#220f6a Preview

Shades and Tints of #220f6a

Tones of #220f6a

Color Blindness Simulator