#220286 hex color

In a RGB color space, hex #220286 is composed of 13.3% red, 0.8% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 74.6% cyan, 98.5% magenta, 0% yellow and 47.5% black. It has a hue angle of 254.5 degrees, a saturation of 97.1% and a lightness of 26.7%. #220286 color hex could be obtained by blending #4404ff with #00000d. Closest websafe color is: #330099.

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

● #220286 color description : Dark blue.

The hexadecimal color #220286 has RGB values of R:34, G:2, B:134 and CMYK values of C:0.75, M:0.99, Y:0, K:0.47. Its decimal value is 2228870.

Hex triplet	220286	`#220286`
RGB Decimal	34, 2, 134	`rgb(34,2,134)`
RGB Percent	13.3, 0.8, 52.5	`rgb(13.3%,0.8%,52.5%)`
CMYK	75, 99, 0, 47
HSL	254.5°, 97.1, 26.7	`hsl(254.5,97.1%,26.7%)`
HSV (or HSB)	254.5°, 98.5, 52.5
Web Safe	330099	`#330099`

CIE-LAB	16.026, 49.099, -63.367
XYZ	4.984, 2.104, 22.697
xyY	0.167, 0.071, 2.104
CIE-LCH	16.026, 80.163, 307.769
CIE-LUV	16.026, -1.528, -59.863
Hunter-Lab	14.507, 35.935, -82.607
Binary	00100010, 00000010, 10000110

#220286
```
#220286 rgb(34,2,134)
```
#668602
```
#668602 rgb(102,134,2)
```

Complementary Color

#022486
```
#022486 rgb(2,36,134)
```
#220286
```
#220286 rgb(34,2,134)
```
#640286
```
#640286 rgb(100,2,134)
```

Analogous Color

#248602
```
#248602 rgb(36,134,2)
```
#220286
```
#220286 rgb(34,2,134)
```
#866402
```
#866402 rgb(134,100,2)
```

Split Complementary Color

#028622
```
#028622 rgb(2,134,34)
```
#220286
```
#220286 rgb(34,2,134)
```
#862202
```
#862202 rgb(134,34,2)
```

Triadic Color

#026686
```
#026686 rgb(2,102,134)
```
#220286
```
#220286 rgb(34,2,134)
```
#862202
```
#862202 rgb(134,34,2)
```
#668602
```
#668602 rgb(102,134,2)
```

Tetradic Color

#0f013b
```
#0f013b rgb(15,1,59)
```
#150154
```
#150154 rgb(21,1,84)
```
#1c026d
```
#1c026d rgb(28,2,109)
```
#220286
```
#220286 rgb(34,2,134)
```
#28029f
```
#28029f rgb(40,2,159)
```
#2f03b8
```
#2f03b8 rgb(47,3,184)
```
#3503d1
```
#3503d1 rgb(53,3,209)
```

Monochromatic Color

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

#020386
```
#020386 rgb(2,3,134)
```
#0c0286
```
#0c0286 rgb(12,2,134)
```
#170286
```
#170286 rgb(23,2,134)
```
#220286
```
#220286 rgb(34,2,134)
```
#2d0286
```
#2d0286 rgb(45,2,134)
```
#380286
```
#380286 rgb(56,2,134)
```
#430286
```
#430286 rgb(67,2,134)
```

Similar Colors

Text with hexadecimal color #220286

This text has a font color of #220286.

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

#220286 background color

This paragraph has a background color of #220286.

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

#220286 border color

This element has a border color of #220286.

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

CSS codes

.text {color:#220286;}

.background {background-color:#220286;}

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

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

#050012
```
#050012 rgb(5,0,18)
```
#090125
```
#090125 rgb(9,1,37)
```
#0e0139
```
#0e0139 rgb(14,1,57)
```
#13014c
```
#13014c rgb(19,1,76)
```
#18015f
```
#18015f rgb(24,1,95)
```
#1d0273
```
#1d0273 rgb(29,2,115)
```
#220286
```
#220286 rgb(34,2,134)
```
#270299
```
#270299 rgb(39,2,153)
```
#2c03ad
```
#2c03ad rgb(44,3,173)
```
#3103c0
```
#3103c0 rgb(49,3,192)
```
#3603d3
```
#3603d3 rgb(54,3,211)
```
#3b03e7
```
#3b03e7 rgb(59,3,231)
```
#3f04fa
```
#3f04fa rgb(63,4,250)
```

Shade Color Variation

#4d16fc
```
#4d16fc rgb(77,22,252)
```
#5c29fc
```
#5c29fc rgb(92,41,252)
```
#6b3cfc
```
#6b3cfc rgb(107,60,252)
```
#7a50fc
```
#7a50fc rgb(122,80,252)
```
#8863fd
```
#8863fd rgb(136,99,253)
```
#9776fd
```
#9776fd rgb(151,118,253)
```
#a68afd
```
#a68afd rgb(166,138,253)
```
#b49dfe
```
#b49dfe rgb(180,157,254)
```
#c3b0fe
```
#c3b0fe rgb(195,176,254)
```
#d2c4fe
```
#d2c4fe rgb(210,196,254)
```
#e1d7fe
```
#e1d7fe rgb(225,215,254)
```
#efeaff
```
#efeaff rgb(239,234,255)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#424147
```
#424147 rgb(66,65,71)
```
#403c4c
```
#403c4c rgb(64,60,76)
```
#3d3652
```
#3d3652 rgb(61,54,82)
```
#3a3157
```
#3a3157 rgb(58,49,87)
```
#382c5c
```
#382c5c rgb(56,44,92)
```
#352761
```
#352761 rgb(53,39,97)
```
#322167
```
#322167 rgb(50,33,103)
```
#2f1c6c
```
#2f1c6c rgb(47,28,108)
```
#2d1771
```
#2d1771 rgb(45,23,113)
```
#2a1276
```
#2a1276 rgb(42,18,118)
```
#270c7c
```
#270c7c rgb(39,12,124)
```
#250781
```
#250781 rgb(37,7,129)
```
#220286
```
#220286 rgb(34,2,134)
```

Tone Color Variation

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

Dichromacy

#003160 Protanopia 1% of men
#003453 Deuteranopia 1% of men
#00383a Tritanopia 0.001% of the population

Trichromacy

#0c206d Protanomaly 1% of men, 0.01% of women
#0c2265 Deuteranomaly 6% of men, 0.4% of women
#0c2456 Tritanomaly 0.01% of the population

#220286 hex color

#220286 Color Information

#220286 Color Conversion

Color Schemes with #220286

Alternatives to #220286

#220286 Preview

Shades and Tints of #220286

Tones of #220286

Color Blindness Simulator