#220054 hex color

In a RGB color space, hex #220054 is composed of 13.3% red, 0% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 59.5% cyan, 100% magenta, 0% yellow and 67.1% black. It has a hue angle of 264.3 degrees, a saturation of 100% and a lightness of 16.5%. #220054 color hex could be obtained by blending #4400a8 with #000000. Closest websafe color is: #330066.

♥
- f
- t
- g
- R 13
- G 0
- B 33
RGB color chart
- C 60
- M 100
- Y 0
- K 67
CMYK color chart

● #220054 color description : Very dark violet.

The hexadecimal color #220054 has RGB values of R:34, G:0, B:84 and CMYK values of C:0.6, M:1, Y:0, K:0.67. Its decimal value is 2228308.

Hex triplet	220054	`#220054`
RGB Decimal	34, 0, 84	`rgb(34,0,84)`
RGB Percent	13.3, 0, 32.9	`rgb(13.3%,0%,32.9%)`
CMYK	60, 100, 0, 67
HSL	264.3°, 100, 16.5	`hsl(264.3,100%,16.5%)`
HSV (or HSB)	264.3°, 100, 32.9
Web Safe	330066	`#330066`

CIE-LAB	8.825, 36.767, -42.532
XYZ	2.26, 0.98, 8.457
xyY	0.193, 0.084, 0.98
CIE-LCH	8.825, 56.221, 310.842
CIE-LUV	8.825, 1.798, -29.823
Hunter-Lab	9.9, 23.416, -43.718
Binary	00100010, 00000000, 01010100

#220054
```
#220054 rgb(34,0,84)
```
#325400
```
#325400 rgb(50,84,0)
```

Complementary Color

#000854
```
#000854 rgb(0,8,84)
```
#220054
```
#220054 rgb(34,0,84)
```
#4c0054
```
#4c0054 rgb(76,0,84)
```

Analogous Color

#085400
```
#085400 rgb(8,84,0)
```
#220054
```
#220054 rgb(34,0,84)
```
#544c00
```
#544c00 rgb(84,76,0)
```

Split Complementary Color

#005422
```
#005422 rgb(0,84,34)
```
#220054
```
#220054 rgb(34,0,84)
```
#542200
```
#542200 rgb(84,34,0)
```

Triadic Color

#003254
```
#003254 rgb(0,50,84)
```
#220054
```
#220054 rgb(34,0,84)
```
#542200
```
#542200 rgb(84,34,0)
```
#325400
```
#325400 rgb(50,84,0)
```

Tetradic Color

#030007
```
#030007 rgb(3,0,7)
```
#0d0021
```
#0d0021 rgb(13,0,33)
```
#18003b
```
#18003b rgb(24,0,59)
```
#220054
```
#220054 rgb(34,0,84)
```
#2c006e
```
#2c006e rgb(44,0,110)
```
#370087
```
#370087 rgb(55,0,135)
```
#4100a1
```
#4100a1 rgb(65,0,161)
```

Monochromatic Color

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

#0d0054
```
#0d0054 rgb(13,0,84)
```
#140054
```
#140054 rgb(20,0,84)
```
#1b0054
```
#1b0054 rgb(27,0,84)
```
#220054
```
#220054 rgb(34,0,84)
```
#290054
```
#290054 rgb(41,0,84)
```
#300054
```
#300054 rgb(48,0,84)
```
#370054
```
#370054 rgb(55,0,84)
```

Similar Colors

Text with hexadecimal color #220054

This text has a font color of #220054.

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

#220054 background color

This paragraph has a background color of #220054.

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

#220054 border color

This element has a border color of #220054.

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

CSS codes

.text {color:#220054;}

.background {background-color:#220054;}

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

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

#020006
```
#020006 rgb(2,0,6)
```
#0a0019
```
#0a0019 rgb(10,0,25)
```
#12002d
```
#12002d rgb(18,0,45)
```
#1a0040
```
#1a0040 rgb(26,0,64)
```
#220054
```
#220054 rgb(34,0,84)
```
#2a0068
```
#2a0068 rgb(42,0,104)
```
#32007b
```
#32007b rgb(50,0,123)
```
#3a008f
```
#3a008f rgb(58,0,143)
```
#4200a2
```
#4200a2 rgb(66,0,162)
```
#4a00b6
```
#4a00b6 rgb(74,0,182)
```
#5200ca
```
#5200ca rgb(82,0,202)
```
#5a00dd
```
#5a00dd rgb(90,0,221)
```
#6200f1
```
#6200f1 rgb(98,0,241)
```

Shade Color Variation

#6b06ff
```
#6b06ff rgb(107,6,255)
```
#7619ff
```
#7619ff rgb(118,25,255)
```
#822dff
```
#822dff rgb(130,45,255)
```
#8e40ff
```
#8e40ff rgb(142,64,255)
```
#9954ff
```
#9954ff rgb(153,84,255)
```
#a568ff
```
#a568ff rgb(165,104,255)
```
#b17bff
```
#b17bff rgb(177,123,255)
```
#bc8fff
```
#bc8fff rgb(188,143,255)
```
#c8a2ff
```
#c8a2ff rgb(200,162,255)
```
#d4b6ff
```
#d4b6ff rgb(212,182,255)
```
#dfcaff
```
#dfcaff rgb(223,202,255)
```
#ebddff
```
#ebddff rgb(235,221,255)
```
#f7f1ff
```
#f7f1ff rgb(247,241,255)
```

Tint Color Variation

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

#29272d
```
#29272d rgb(41,39,45)
```
#292430
```
#292430 rgb(41,36,48)
```
#282034
```
#282034 rgb(40,32,52)
```
#281d37
```
#281d37 rgb(40,29,55)
```
#271a3a
```
#271a3a rgb(39,26,58)
```
#26173d
```
#26173d rgb(38,23,61)
```
#261341
```
#261341 rgb(38,19,65)
```
#251044
```
#251044 rgb(37,16,68)
```
#240d47
```
#240d47 rgb(36,13,71)
```
#240a4a
```
#240a4a rgb(36,10,74)
```
#23064e
```
#23064e rgb(35,6,78)
```
#230351
```
#230351 rgb(35,3,81)
```
#220054
```
#220054 rgb(34,0,84)
```

Tone Color Variation

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

#141414 Achromatopsia 0.005% of the population
#171021 Atypical Achromatopsia 0.001% of the population

Dichromacy

#002445 Protanopia 1% of men
#00263c Deuteranopia 1% of men
#16272a Tritanopia 0.001% of the population

Trichromacy

#0c164b Protanomaly 1% of men, 0.01% of women
#0c1845 Deuteranomaly 6% of men, 0.4% of women
#1a1939 Tritanomaly 0.01% of the population

#220054 hex color

#220054 Color Information

#220054 Color Conversion

Color Schemes with #220054

Alternatives to #220054

#220054 Preview

Shades and Tints of #220054

Tones of #220054

Color Blindness Simulator