#220bd3 hex color

In a RGB color space, hex #220bd3 is composed of 13.3% red, 4.3% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 83.9% cyan, 94.8% magenta, 0% yellow and 17.3% black. It has a hue angle of 246.9 degrees, a saturation of 90.1% and a lightness of 43.5%. #220bd3 color hex could be obtained by blending #4416ff with #0000a7. Closest websafe color is: #3300cc.

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

● #220bd3 color description : Strong blue.

The hexadecimal color #220bd3 has RGB values of R:34, G:11, B:211 and CMYK values of C:0.84, M:0.95, Y:0, K:0.17. Its decimal value is 2231251.

Hex triplet	220bd3	`#220bd3`
RGB Decimal	34, 11, 211	`rgb(34,11,211)`
RGB Percent	13.3, 4.3, 82.7	`rgb(13.3%,4.3%,82.7%)`
CMYK	84, 95, 0, 17
HSL	246.9°, 90.1, 43.5	`hsl(246.9,90.1%,43.5%)`
HSV (or HSB)	246.9°, 94.8, 82.7
Web Safe	3300cc	`#3300cc`

CIE-LAB	27.523, 66.908, -90.716
XYZ	12.535, 5.282, 61.983
xyY	0.157, 0.066, 5.282
CIE-LCH	27.523, 112.721, 306.411
CIE-LUV	27.523, -6.187, -106.325
Hunter-Lab	22.982, 57.14, -143.82
Binary	00100010, 00001011, 11010011

#220bd3
```
#220bd3 rgb(34,11,211)
```
#bcd30b
```
#bcd30b rgb(188,211,11)
```

Complementary Color

#0b58d3
```
#0b58d3 rgb(11,88,211)
```
#220bd3
```
#220bd3 rgb(34,11,211)
```
#860bd3
```
#860bd3 rgb(134,11,211)
```

Analogous Color

#58d30b
```
#58d30b rgb(88,211,11)
```
#220bd3
```
#220bd3 rgb(34,11,211)
```
#d3860b
```
#d3860b rgb(211,134,11)
```

Split Complementary Color

#0bd322
```
#0bd322 rgb(11,211,34)
```
#220bd3
```
#220bd3 rgb(34,11,211)
```
#d3220b
```
#d3220b rgb(211,34,11)
```

Triadic Color

#0bbcd3
```
#0bbcd3 rgb(11,188,211)
```
#220bd3
```
#220bd3 rgb(34,11,211)
```
#d3220b
```
#d3220b rgb(211,34,11)
```
#bcd30b
```
#bcd30b rgb(188,211,11)
```

Tetradic Color

#16078a
```
#16078a rgb(22,7,138)
```
#1a08a3
```
#1a08a3 rgb(26,8,163)
```
#1e0abb
```
#1e0abb rgb(30,10,187)
```
#220bd3
```
#220bd3 rgb(34,11,211)
```
#260ceb
```
#260ceb rgb(38,12,235)
```
#361ef3
```
#361ef3 rgb(54,30,243)
```
#4c36f5
```
#4c36f5 rgb(76,54,245)
```

Monochromatic Color

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

#0b26d3
```
#0b26d3 rgb(11,38,211)
```
#0b15d3
```
#0b15d3 rgb(11,21,211)
```
#110bd3
```
#110bd3 rgb(17,11,211)
```
#220bd3
```
#220bd3 rgb(34,11,211)
```
#330bd3
```
#330bd3 rgb(51,11,211)
```
#430bd3
```
#430bd3 rgb(67,11,211)
```
#540bd3
```
#540bd3 rgb(84,11,211)
```

Similar Colors

Text with hexadecimal color #220bd3

This text has a font color of #220bd3.

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

#220bd3 background color

This paragraph has a background color of #220bd3.

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

#220bd3 border color

This element has a border color of #220bd3.

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

CSS codes

.text {color:#220bd3;}

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

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

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

#010006
```
#010006 rgb(1,0,6)
```
#040119
```
#040119 rgb(4,1,25)
```
#07022b
```
#07022b rgb(7,2,43)
```
#0a033e
```
#0a033e rgb(10,3,62)
```
#0d0450
```
#0d0450 rgb(13,4,80)
```
#100563
```
#100563 rgb(16,5,99)
```
#130676
```
#130676 rgb(19,6,118)
```
#160788
```
#160788 rgb(22,7,136)
```
#19089b
```
#19089b rgb(25,8,155)
```
#1c09ae
```
#1c09ae rgb(28,9,174)
```
#1f0ac0
```
#1f0ac0 rgb(31,10,192)
```
#220bd3
```
#220bd3 rgb(34,11,211)
```
#250ce6
```
#250ce6 rgb(37,12,230)
```

Shade Color Variation

#2c13f3
```
#2c13f3 rgb(44,19,243)
```
#3d25f4
```
#3d25f4 rgb(61,37,244)
```
#4e38f5
```
#4e38f5 rgb(78,56,245)
```
#5e4af6
```
#5e4af6 rgb(94,74,246)
```
#6f5df7
```
#6f5df7 rgb(111,93,247)
```
#7f70f8
```
#7f70f8 rgb(127,112,248)
```
#9082f9
```
#9082f9 rgb(144,130,249)
```
#a195f9
```
#a195f9 rgb(161,149,249)
```
#b1a8fa
```
#b1a8fa rgb(177,168,250)
```
#c2bafb
```
#c2bafb rgb(194,186,251)
```
#d2cdfc
```
#d2cdfc rgb(210,205,252)
```
#e3e0fd
```
#e3e0fd rgb(227,224,253)
```
#f4f2fe
```
#f4f2fe rgb(244,242,254)
```

Tint Color Variation

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

#6a6975
```
#6a6975 rgb(106,105,117)
```
#64607e
```
#64607e rgb(100,96,126)
```
#5d5886
```
#5d5886 rgb(93,88,134)
```
#574f8f
```
#574f8f rgb(87,79,143)
```
#504797
```
#504797 rgb(80,71,151)
```
#493ea0
```
#493ea0 rgb(73,62,160)
```
#4336a8
```
#4336a8 rgb(67,54,168)
```
#3c2db1
```
#3c2db1 rgb(60,45,177)
```
#3625b9
```
#3625b9 rgb(54,37,185)
```
#2f1cc2
```
#2f1cc2 rgb(47,28,194)
```
#2914ca
```
#2914ca rgb(41,20,202)
```
#220bd3
```
#220bd3 rgb(34,11,211)
```
#1b02dc
```
#1b02dc rgb(27,2,220)
```

Tone Color Variation

Below, you can see how #220bd3 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
#28234b Atypical Achromatopsia 0.001% of the population

Dichromacy

#00488d Protanopia 1% of men
#004d79 Deuteranopia 1% of men
#005255 Tritanopia 0.001% of the population

Trichromacy

#0c32a6 Protanomaly 1% of men, 0.01% of women
#0c359a Deuteranomaly 6% of men, 0.4% of women
#0c3883 Tritanomaly 0.01% of the population

#220bd3 hex color

#220bd3 Color Information

#220bd3 Color Conversion

Color Schemes with #220bd3

Alternatives to #220bd3

#220bd3 Preview

Shades and Tints of #220bd3

Tones of #220bd3

Color Blindness Simulator