#220bdd hex color

In a RGB color space, hex #220bdd is composed of 13.3% red, 4.3% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 84.6% cyan, 95% magenta, 0% yellow and 13.3% black. It has a hue angle of 246.6 degrees, a saturation of 90.5% and a lightness of 45.5%. #220bdd color hex could be obtained by blending #4416ff with #0000bb. Closest websafe color is: #3300cc.

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

● #220bdd color description : Vivid blue.

The hexadecimal color #220bdd has RGB values of R:34, G:11, B:221 and CMYK values of C:0.85, M:0.95, Y:0, K:0.13. Its decimal value is 2231261.

Hex triplet	220bdd	`#220bdd`
RGB Decimal	34, 11, 221	`rgb(34,11,221)`
RGB Percent	13.3, 4.3, 86.7	`rgb(13.3%,4.3%,86.7%)`
CMYK	85, 95, 0, 13
HSL	246.6°, 90.5, 45.5	`hsl(246.6,90.5%,45.5%)`
HSV (or HSB)	246.6°, 95, 86.7
Web Safe	3300cc	`#3300cc`

CIE-LAB	28.899, 69.44, -94.204
XYZ	13.828, 5.799, 68.793
xyY	0.156, 0.066, 5.799
CIE-LCH	28.899, 117.031, 306.395
CIE-LUV	28.899, -6.681, -112.122
Hunter-Lab	24.081, 60.358, -152.52
Binary	00100010, 00001011, 11011101

#220bdd
```
#220bdd rgb(34,11,221)
```
#c6dd0b
```
#c6dd0b rgb(198,221,11)
```

Complementary Color

#0b5ddd
```
#0b5ddd rgb(11,93,221)
```
#220bdd
```
#220bdd rgb(34,11,221)
```
#8b0bdd
```
#8b0bdd rgb(139,11,221)
```

Analogous Color

#5ddd0b
```
#5ddd0b rgb(93,221,11)
```
#220bdd
```
#220bdd rgb(34,11,221)
```
#dd8b0b
```
#dd8b0b rgb(221,139,11)
```

Split Complementary Color

#0bdd22
```
#0bdd22 rgb(11,221,34)
```
#220bdd
```
#220bdd rgb(34,11,221)
```
#dd220b
```
#dd220b rgb(221,34,11)
```

Triadic Color

#0bc6dd
```
#0bc6dd rgb(11,198,221)
```
#220bdd
```
#220bdd rgb(34,11,221)
```
#dd220b
```
#dd220b rgb(221,34,11)
```
#c6dd0b
```
#c6dd0b rgb(198,221,11)
```

Tetradic Color

#170794
```
#170794 rgb(23,7,148)
```
#1b09ac
```
#1b09ac rgb(27,9,172)
```
#1e0ac5
```
#1e0ac5 rgb(30,10,197)
```
#220bdd
```
#220bdd rgb(34,11,221)
```
#280ef3
```
#280ef3 rgb(40,14,243)
```
#3d27f4
```
#3d27f4 rgb(61,39,244)
```
#533ff5
```
#533ff5 rgb(83,63,245)
```

Monochromatic Color

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

#0b29dd
```
#0b29dd rgb(11,41,221)
```
#0b17dd
```
#0b17dd rgb(11,23,221)
```
#100bdd
```
#100bdd rgb(16,11,221)
```
#220bdd
```
#220bdd rgb(34,11,221)
```
#330bdd
```
#330bdd rgb(51,11,221)
```
#450bdd
```
#450bdd rgb(69,11,221)
```
#560bdd
```
#560bdd rgb(86,11,221)
```

Similar Colors

Text with hexadecimal color #220bdd

This text has a font color of #220bdd.

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

#220bdd background color

This paragraph has a background color of #220bdd.

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

#220bdd border color

This element has a border color of #220bdd.

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

CSS codes

.text {color:#220bdd;}

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

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

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, #02010f is the darkest color, while #fcfcff is the lightest one.

#02010f
```
#02010f rgb(2,1,15)
```
#050222
```
#050222 rgb(5,2,34)
```
#080335
```
#080335 rgb(8,3,53)
```
#0b0448
```
#0b0448 rgb(11,4,72)
```
#0e045a
```
#0e045a rgb(14,4,90)
```
#11056d
```
#11056d rgb(17,5,109)
```
#140680
```
#140680 rgb(20,6,128)
```
#170792
```
#170792 rgb(23,7,146)
```
#1908a5
```
#1908a5 rgb(25,8,165)
```
#1c09b8
```
#1c09b8 rgb(28,9,184)
```
#1f0aca
```
#1f0aca rgb(31,10,202)
```
#220bdd
```
#220bdd rgb(34,11,221)
```
#250cf0
```
#250cf0 rgb(37,12,240)
```

Shade Color Variation

#331cf4
```
#331cf4 rgb(51,28,244)
```
#442ef5
```
#442ef5 rgb(68,46,245)
```
#5541f6
```
#5541f6 rgb(85,65,246)
```
#6554f6
```
#6554f6 rgb(101,84,246)
```
#7666f7
```
#7666f7 rgb(118,102,247)
```
#8779f8
```
#8779f8 rgb(135,121,248)
```
#988cf9
```
#988cf9 rgb(152,140,249)
```
#a89efa
```
#a89efa rgb(168,158,250)
```
#b9b1fb
```
#b9b1fb rgb(185,177,251)
```
#cac4fc
```
#cac4fc rgb(202,196,252)
```
#dbd6fd
```
#dbd6fd rgb(219,214,253)
```
#ebe9fe
```
#ebe9fe rgb(235,233,254)
```
#fcfcff
```
#fcfcff rgb(252,252,255)
```

Tint Color Variation

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

#6f6d7b
```
#6f6d7b rgb(111,109,123)
```
#686484
```
#686484 rgb(104,100,132)
```
#615b8d
```
#615b8d rgb(97,91,141)
```
#5a5296
```
#5a5296 rgb(90,82,150)
```
#53499f
```
#53499f rgb(83,73,159)
```
#4c41a7
```
#4c41a7 rgb(76,65,167)
```
#4538b0
```
#4538b0 rgb(69,56,176)
```
#3e2fb9
```
#3e2fb9 rgb(62,47,185)
```
#3726c2
```
#3726c2 rgb(55,38,194)
```
#301dcb
```
#301dcb rgb(48,29,203)
```
#2914d4
```
#2914d4 rgb(41,20,212)
```
#220bdd
```
#220bdd rgb(34,11,221)
```
#1b02e6
```
#1b02e6 rgb(27,2,230)
```

Tone Color Variation

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

#2a2a2a Achromatopsia 0.005% of the population
#28244e Atypical Achromatopsia 0.001% of the population

Dichromacy

#004b92 Protanopia 1% of men
#00507e Deuteranopia 1% of men
#005559 Tritanopia 0.001% of the population

Trichromacy

#0c34ad Protanomaly 1% of men, 0.01% of women
#0c37a0 Deuteranomaly 6% of men, 0.4% of women
#0c3a89 Tritanomaly 0.01% of the population

#220bdd hex color

#220bdd Color Information

#220bdd Color Conversion

Color Schemes with #220bdd

Alternatives to #220bdd

#220bdd Preview

Shades and Tints of #220bdd

Tones of #220bdd

Color Blindness Simulator