#220ad8 hex color

In a RGB color space, hex #220ad8 is composed of 13.3% red, 3.9% green and 84.7% blue. Whereas in a CMYK color space, it is composed of 84.3% cyan, 95.4% magenta, 0% yellow and 15.3% black. It has a hue angle of 247 degrees, a saturation of 91.2% and a lightness of 44.3%. #220ad8 color hex could be obtained by blending #4414ff with #0000b1. Closest websafe color is: #3300cc.

♥
- f
- t
- g
- R 13
- G 4
- B 85
RGB color chart
- C 84
- M 95
- Y 0
- K 15
CMYK color chart

● #220ad8 color description : Strong blue.

The hexadecimal color #220ad8 has RGB values of R:34, G:10, B:216 and CMYK values of C:0.84, M:0.95, Y:0, K:0.15. Its decimal value is 2231000.

Hex triplet	220ad8	`#220ad8`
RGB Decimal	34, 10, 216	`rgb(34,10,216)`
RGB Percent	13.3, 3.9, 84.7	`rgb(13.3%,3.9%,84.7%)`
CMYK	84, 95, 0, 15
HSL	247°, 91.2, 44.3	`hsl(247,91.2%,44.3%)`
HSV (or HSB)	247°, 95.4, 84.7
Web Safe	3300cc	`#3300cc`

CIE-LAB	28.152, 68.361, -92.565
XYZ	13.16, 5.514, 65.333
xyY	0.157, 0.066, 5.514
CIE-LCH	28.152, 115.072, 306.446
CIE-LUV	28.152, -6.397, -109.172
Hunter-Lab	23.482, 58.946, -148.521
Binary	00100010, 00001010, 11011000

#220ad8
```
#220ad8 rgb(34,10,216)
```
#c0d80a
```
#c0d80a rgb(192,216,10)
```

Complementary Color

#0a59d8
```
#0a59d8 rgb(10,89,216)
```
#220ad8
```
#220ad8 rgb(34,10,216)
```
#890ad8
```
#890ad8 rgb(137,10,216)
```

Analogous Color

#59d80a
```
#59d80a rgb(89,216,10)
```
#220ad8
```
#220ad8 rgb(34,10,216)
```
#d8890a
```
#d8890a rgb(216,137,10)
```

Split Complementary Color

#0ad822
```
#0ad822 rgb(10,216,34)
```
#220ad8
```
#220ad8 rgb(34,10,216)
```
#d8220a
```
#d8220a rgb(216,34,10)
```

Triadic Color

#0ac0d8
```
#0ac0d8 rgb(10,192,216)
```
#220ad8
```
#220ad8 rgb(34,10,216)
```
#d8220a
```
#d8220a rgb(216,34,10)
```
#c0d80a
```
#c0d80a rgb(192,216,10)
```

Tetradic Color

#16078f
```
#16078f rgb(22,7,143)
```
#1a08a7
```
#1a08a7 rgb(26,8,167)
```
#1e09c0
```
#1e09c0 rgb(30,9,192)
```
#220ad8
```
#220ad8 rgb(34,10,216)
```
#260bf0
```
#260bf0 rgb(38,11,240)
```
#3920f5
```
#3920f5 rgb(57,32,245)
```
#4f39f6
```
#4f39f6 rgb(79,57,246)
```

Monochromatic Color

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

#0a26d8
```
#0a26d8 rgb(10,38,216)
```
#0a14d8
```
#0a14d8 rgb(10,20,216)
```
#110ad8
```
#110ad8 rgb(17,10,216)
```
#220ad8
```
#220ad8 rgb(34,10,216)
```
#330ad8
```
#330ad8 rgb(51,10,216)
```
#440ad8
```
#440ad8 rgb(68,10,216)
```
#560ad8
```
#560ad8 rgb(86,10,216)
```

Similar Colors

Text with hexadecimal color #220ad8

This text has a font color of #220ad8.

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

#220ad8 background color

This paragraph has a background color of #220ad8.

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

#220ad8 border color

This element has a border color of #220ad8.

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

CSS codes

.text {color:#220ad8;}

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

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

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, #02000a is the darkest color, while #f7f6ff is the lightest one.

#02000a
```
#02000a rgb(2,0,10)
```
#04011d
```
#04011d rgb(4,1,29)
```
#07022f
```
#07022f rgb(7,2,47)
```
#0a0342
```
#0a0342 rgb(10,3,66)
```
#0d0455
```
#0d0455 rgb(13,4,85)
```
#100568
```
#100568 rgb(16,5,104)
```
#13067a
```
#13067a rgb(19,6,122)
```
#16078d
```
#16078d rgb(22,7,141)
```
#1907a0
```
#1907a0 rgb(25,7,160)
```
#1c08b3
```
#1c08b3 rgb(28,8,179)
```
#1f09c5
```
#1f09c5 rgb(31,9,197)
```
#220ad8
```
#220ad8 rgb(34,10,216)
```
#250beb
```
#250beb rgb(37,11,235)
```

Shade Color Variation

#2f15f4
```
#2f15f4 rgb(47,21,244)
```
#4028f5
```
#4028f5 rgb(64,40,245)
```
#503bf6
```
#503bf6 rgb(80,59,246)
```
#614df7
```
#614df7 rgb(97,77,247)
```
#7260f8
```
#7260f8 rgb(114,96,248)
```
#8273f9
```
#8273f9 rgb(130,115,249)
```
#9386f9
```
#9386f9 rgb(147,134,249)
```
#a498fa
```
#a498fa rgb(164,152,250)
```
#b4abfb
```
#b4abfb rgb(180,171,251)
```
#c5befc
```
#c5befc rgb(197,190,252)
```
#d6d1fd
```
#d6d1fd rgb(214,209,253)
```
#e6e3fe
```
#e6e3fe rgb(230,227,254)
```
#f7f6ff
```
#f7f6ff rgb(247,246,255)
```

Tint Color Variation

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

#6b6a78
```
#6b6a78 rgb(107,106,120)
```
#656181
```
#656181 rgb(101,97,129)
```
#5e588a
```
#5e588a rgb(94,88,138)
```
#575092
```
#575092 rgb(87,80,146)
```
#51479b
```
#51479b rgb(81,71,155)
```
#4a3ea4
```
#4a3ea4 rgb(74,62,164)
```
#4335ad
```
#4335ad rgb(67,53,173)
```
#3d2db5
```
#3d2db5 rgb(61,45,181)
```
#3624be
```
#3624be rgb(54,36,190)
```
#2f1bc7
```
#2f1bc7 rgb(47,27,199)
```
#2913cf
```
#2913cf rgb(41,19,207)
```
#220ad8
```
#220ad8 rgb(34,10,216)
```
#1b01e1
```
#1b01e1 rgb(27,1,225)
```

Tone Color Variation

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

#292929 Achromatopsia 0.005% of the population
#28234c Atypical Achromatopsia 0.001% of the population

Dichromacy

#004a8f Protanopia 1% of men
#004e7b Deuteranopia 1% of men
#005357 Tritanopia 0.001% of the population

Trichromacy

#0c32a9 Protanomaly 1% of men, 0.01% of women
#0c359d Deuteranomaly 6% of men, 0.4% of women
#0c3986 Tritanomaly 0.01% of the population

#220ad8 hex color

#220ad8 Color Information

#220ad8 Color Conversion

Color Schemes with #220ad8

Alternatives to #220ad8

#220ad8 Preview

Shades and Tints of #220ad8

Tones of #220ad8

Color Blindness Simulator