#220f6b hex color

In a RGB color space, hex #220f6b is composed of 13.3% red, 5.9% green and 42% blue. Whereas in a CMYK color space, it is composed of 68.2% cyan, 86% magenta, 0% yellow and 58% black. It has a hue angle of 252.4 degrees, a saturation of 75.4% and a lightness of 23.9%. #220f6b color hex could be obtained by blending #441ed6 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

● #220f6b color description : Very dark blue.

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

Hex triplet	220f6b	`#220f6b`
RGB Decimal	34, 15, 107	`rgb(34,15,107)`
RGB Percent	13.3, 5.9, 42	`rgb(13.3%,5.9%,42%)`
CMYK	68, 86, 0, 58
HSL	252.4°, 75.4, 23.9	`hsl(252.4,75.4%,23.9%)`
HSV (or HSB)	252.4°, 86, 42
Web Safe	330066	`#330066`

CIE-LAB	14.077, 36.448, -49.237
XYZ	3.484, 1.743, 14.062
xyY	0.181, 0.09, 1.743
CIE-LCH	14.077, 61.26, 306.511
CIE-LUV	14.077, -0.695, -45.73
Hunter-Lab	13.203, 23.997, -53.907
Binary	00100010, 00001111, 01101011

#220f6b
```
#220f6b rgb(34,15,107)
```
#586b0f
```
#586b0f rgb(88,107,15)
```

Complementary Color

#0f2a6b
```
#0f2a6b rgb(15,42,107)
```
#220f6b
```
#220f6b rgb(34,15,107)
```
#500f6b
```
#500f6b rgb(80,15,107)
```

Analogous Color

#2a6b0f
```
#2a6b0f rgb(42,107,15)
```
#220f6b
```
#220f6b rgb(34,15,107)
```
#6b500f
```
#6b500f rgb(107,80,15)
```

Split Complementary Color

#0f6b22
```
#0f6b22 rgb(15,107,34)
```
#220f6b
```
#220f6b rgb(34,15,107)
```
#6b220f
```
#6b220f rgb(107,34,15)
```

Triadic Color

#0f586b
```
#0f586b rgb(15,88,107)
```
#220f6b
```
#220f6b rgb(34,15,107)
```
#6b220f
```
#6b220f rgb(107,34,15)
```
#586b0f
```
#586b0f rgb(88,107,15)
```

Tetradic Color

#0d0628
```
#0d0628 rgb(13,6,40)
```
#14093e
```
#14093e rgb(20,9,62)
```
#1b0c55
```
#1b0c55 rgb(27,12,85)
```
#220f6b
```
#220f6b rgb(34,15,107)
```
#291281
```
#291281 rgb(41,18,129)
```
#301598
```
#301598 rgb(48,21,152)
```
#3718ae
```
#3718ae rgb(55,24,174)
```

Monochromatic Color

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

#0f136b
```
#0f136b rgb(15,19,107)
```
#130f6b
```
#130f6b rgb(19,15,107)
```
#1a0f6b
```
#1a0f6b rgb(26,15,107)
```
#220f6b
```
#220f6b rgb(34,15,107)
```
#2a0f6b
```
#2a0f6b rgb(42,15,107)
```
#310f6b
```
#310f6b rgb(49,15,107)
```
#390f6b
```
#390f6b rgb(57,15,107)
```

Similar Colors

Text with hexadecimal color #220f6b

This text has a font color of #220f6b.

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

#220f6b background color

This paragraph has a background color of #220f6b.

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

#220f6b border color

This element has a border color of #220f6b.

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

CSS codes

.text {color:#220f6b;}

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

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

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

#010104
```
#010104 rgb(1,1,4)
```
#070315
```
#070315 rgb(7,3,21)
```
#0c0526
```
#0c0526 rgb(12,5,38)
```
#120837
```
#120837 rgb(18,8,55)
```
#170a49
```
#170a49 rgb(23,10,73)
```
#1d0d5a
```
#1d0d5a rgb(29,13,90)
```
#220f6b
```
#220f6b rgb(34,15,107)
```
#27117c
```
#27117c rgb(39,17,124)
```
#2d148d
```
#2d148d rgb(45,20,141)
```
#32169f
```
#32169f rgb(50,22,159)
```
#3819b0
```
#3819b0 rgb(56,25,176)
```
#3d1bc1
```
#3d1bc1 rgb(61,27,193)
```
#431dd2
```
#431dd2 rgb(67,29,210)
```

Shade Color Variation

#4a23e0
```
#4a23e0 rgb(74,35,224)
```
#5834e3
```
#5834e3 rgb(88,52,227)
```
#6646e5
```
#6646e5 rgb(102,70,229)
```
#7557e7
```
#7557e7 rgb(117,87,231)
```
#8368ea
```
#8368ea rgb(131,104,234)
```
#9179ec
```
#9179ec rgb(145,121,236)
```
#9f8aef
```
#9f8aef rgb(159,138,239)
```
#ad9cf1
```
#ad9cf1 rgb(173,156,241)
```
#bbadf3
```
#bbadf3 rgb(187,173,243)
```
#cabef6
```
#cabef6 rgb(202,190,246)
```
#d8cff8
```
#d8cff8 rgb(216,207,248)
```
#e6e0fb
```
#e6e0fb rgb(230,224,251)
```
#f4f2fd
```
#f4f2fd rgb(244,242,253)
```

Tint Color Variation

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

#3b3941
```
#3b3941 rgb(59,57,65)
```
#383545
```
#383545 rgb(56,53,69)
```
#35304a
```
#35304a rgb(53,48,74)
```
#332b4f
```
#332b4f rgb(51,43,79)
```
#302654
```
#302654 rgb(48,38,84)
```
#2d2258
```
#2d2258 rgb(45,34,88)
```
#2a1d5d
```
#2a1d5d rgb(42,29,93)
```
#281862
```
#281862 rgb(40,24,98)
```
#251466
```
#251466 rgb(37,20,102)
```
#220f6b
```
#220f6b rgb(34,15,107)
```
#1f0a70
```
#1f0a70 rgb(31,10,112)
```
#1c0674
```
#1c0674 rgb(28,6,116)
```
#1a0179
```
#1a0179 rgb(26,1,121)
```

Tone Color Variation

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

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

Trichromacy

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

#220f6b hex color

#220f6b Color Information

#220f6b Color Conversion

Color Schemes with #220f6b

Alternatives to #220f6b

#220f6b Preview

Shades and Tints of #220f6b

Tones of #220f6b

Color Blindness Simulator