#220486 hex color

In a RGB color space, hex #220486 is composed of 13.3% red, 1.6% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 74.6% cyan, 97% magenta, 0% yellow and 47.5% black. It has a hue angle of 253.8 degrees, a saturation of 94.2% and a lightness of 27.1%. #220486 color hex could be obtained by blending #4408ff with #00000d. Closest websafe color is: #330099.

♥
- f
- t
- g
- R 13
- G 2
- B 53
RGB color chart
- C 75
- M 97
- Y 0
- K 47
CMYK color chart

● #220486 color description : Dark blue.

The hexadecimal color #220486 has RGB values of R:34, G:4, B:134 and CMYK values of C:0.75, M:0.97, Y:0, K:0.47. Its decimal value is 2229382.

Hex triplet	220486	`#220486`
RGB Decimal	34, 4, 134	`rgb(34,4,134)`
RGB Percent	13.3, 1.6, 52.5	`rgb(13.3%,1.6%,52.5%)`
CMYK	75, 97, 0, 47
HSL	253.8°, 94.2, 27.1	`hsl(253.8,94.2%,27.1%)`
HSV (or HSB)	253.8°, 97, 52.5
Web Safe	330099	`#330099`

CIE-LAB	16.245, 48.427, -63.003
XYZ	5.005, 2.148, 22.704
xyY	0.168, 0.072, 2.148
CIE-LCH	16.245, 79.464, 307.548
CIE-LUV	16.245, -1.64, -60.149
Hunter-Lab	14.656, 35.316, -81.59
Binary	00100010, 00000100, 10000110

#220486
```
#220486 rgb(34,4,134)
```
#688604
```
#688604 rgb(104,134,4)
```

Complementary Color

#042786
```
#042786 rgb(4,39,134)
```
#220486
```
#220486 rgb(34,4,134)
```
#630486
```
#630486 rgb(99,4,134)
```

Analogous Color

#278604
```
#278604 rgb(39,134,4)
```
#220486
```
#220486 rgb(34,4,134)
```
#866304
```
#866304 rgb(134,99,4)
```

Split Complementary Color

#048622
```
#048622 rgb(4,134,34)
```
#220486
```
#220486 rgb(34,4,134)
```
#862204
```
#862204 rgb(134,34,4)
```

Triadic Color

#046886
```
#046886 rgb(4,104,134)
```
#220486
```
#220486 rgb(34,4,134)
```
#862204
```
#862204 rgb(134,34,4)
```
#688604
```
#688604 rgb(104,134,4)
```

Tetradic Color

#0f023c
```
#0f023c rgb(15,2,60)
```
#150354
```
#150354 rgb(21,3,84)
```
#1c036d
```
#1c036d rgb(28,3,109)
```
#220486
```
#220486 rgb(34,4,134)
```
#28059f
```
#28059f rgb(40,5,159)
```
#2f05b8
```
#2f05b8 rgb(47,5,184)
```
#3506d0
```
#3506d0 rgb(53,6,208)
```

Monochromatic Color

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

#040786
```
#040786 rgb(4,7,134)
```
#0c0486
```
#0c0486 rgb(12,4,134)
```
#170486
```
#170486 rgb(23,4,134)
```
#220486
```
#220486 rgb(34,4,134)
```
#2d0486
```
#2d0486 rgb(45,4,134)
```
#380486
```
#380486 rgb(56,4,134)
```
#420486
```
#420486 rgb(66,4,134)
```

Similar Colors

Text with hexadecimal color #220486

This text has a font color of #220486.

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

#220486 background color

This paragraph has a background color of #220486.

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

#220486 border color

This element has a border color of #220486.

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

CSS codes

.text {color:#220486;}

.background {background-color:#220486;}

.border {border:1px solid #220486;}

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

#000001
```
#000001 rgb(0,0,1)
```
#050114
```
#050114 rgb(5,1,20)
```
#0a0127
```
#0a0127 rgb(10,1,39)
```
#0f023a
```
#0f023a rgb(15,2,58)
```
#14024d
```
#14024d rgb(20,2,77)
```
#180360
```
#180360 rgb(24,3,96)
```
#1d0373
```
#1d0373 rgb(29,3,115)
```
#220486
```
#220486 rgb(34,4,134)
```
#270599
```
#270599 rgb(39,5,153)
```
#2c05ac
```
#2c05ac rgb(44,5,172)
```
#3006bf
```
#3006bf rgb(48,6,191)
```
#3506d2
```
#3506d2 rgb(53,6,210)
```
#3a07e5
```
#3a07e5 rgb(58,7,229)
```

Shade Color Variation

#3f08f8
```
#3f08f8 rgb(63,8,248)
```
#4e1bf8
```
#4e1bf8 rgb(78,27,248)
```
#5d2ef9
```
#5d2ef9 rgb(93,46,249)
```
#6c41f9
```
#6c41f9 rgb(108,65,249)
```
#7a54fa
```
#7a54fa rgb(122,84,250)
```
#8967fa
```
#8967fa rgb(137,103,250)
```
#987afb
```
#987afb rgb(152,122,251)
```
#a78dfc
```
#a78dfc rgb(167,141,252)
```
#b6a0fc
```
#b6a0fc rgb(182,160,252)
```
#c4b3fd
```
#c4b3fd rgb(196,179,253)
```
#d3c7fd
```
#d3c7fd rgb(211,199,253)
```
#e2dafe
```
#e2dafe rgb(226,218,254)
```
#f1edfe
```
#f1edfe rgb(241,237,254)
```

Tint Color Variation

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

#444446
```
#444446 rgb(68,68,70)
```
#413e4c
```
#413e4c rgb(65,62,76)
```
#3f3951
```
#3f3951 rgb(63,57,81)
```
#3c3456
```
#3c3456 rgb(60,52,86)
```
#392e5c
```
#392e5c rgb(57,46,92)
```
#362961
```
#362961 rgb(54,41,97)
```
#332466
```
#332466 rgb(51,36,102)
```
#301f6b
```
#301f6b rgb(48,31,107)
```
#2d1971
```
#2d1971 rgb(45,25,113)
```
#2b1476
```
#2b1476 rgb(43,20,118)
```
#280f7b
```
#280f7b rgb(40,15,123)
```
#250981
```
#250981 rgb(37,9,129)
```
#220486
```
#220486 rgb(34,4,134)
```

Tone Color Variation

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

#1c1c1c Achromatopsia 0.005% of the population
#1d1731 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003260 Protanopia 1% of men
#003553 Deuteranopia 1% of men
#00383b Tritanopia 0.001% of the population

Trichromacy

#0c216e Protanomaly 1% of men, 0.01% of women
#0c2366 Deuteranomaly 6% of men, 0.4% of women
#0c2556 Tritanomaly 0.01% of the population

#220486 hex color

#220486 Color Information

#220486 Color Conversion

Color Schemes with #220486

Alternatives to #220486

#220486 Preview

Shades and Tints of #220486

Tones of #220486

Color Blindness Simulator