#220bbd hex color

In a RGB color space, hex #220bbd is composed of 13.3% red, 4.3% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 82% cyan, 94.2% magenta, 0% yellow and 25.9% black. It has a hue angle of 247.8 degrees, a saturation of 89% and a lightness of 39.2%. #220bbd color hex could be obtained by blending #4416ff with #00007b. Closest websafe color is: #3300cc.

♥
- f
- t
- g
- R 13
- G 4
- B 74
RGB color chart
- C 82
- M 94
- Y 0
- K 26
CMYK color chart

● #220bbd color description : Strong blue.

The hexadecimal color #220bbd has RGB values of R:34, G:11, B:189 and CMYK values of C:0.82, M:0.94, Y:0, K:0.26. Its decimal value is 2231229.

Hex triplet	220bbd	`#220bbd`
RGB Decimal	34, 11, 189	`rgb(34,11,189)`
RGB Percent	13.3, 4.3, 74.1	`rgb(13.3%,4.3%,74.1%)`
CMYK	82, 94, 0, 26
HSL	247.8°, 89, 39.2	`hsl(247.8,89%,39.2%)`
HSV (or HSB)	247.8°, 94.2, 74.1
Web Safe	3300cc	`#3300cc`

CIE-LAB	24.49, 61.222, -82.864
XYZ	9.963, 4.253, 48.437
xyY	0.159, 0.068, 4.253
CIE-LCH	24.49, 103.028, 306.458
CIE-LUV	24.49, -5.07, -93.48
Hunter-Lab	20.623, 50.145, -124.821
Binary	00100010, 00001011, 10111101

#220bbd
```
#220bbd rgb(34,11,189)
```
#a6bd0b
```
#a6bd0b rgb(166,189,11)
```

Complementary Color

#0b4dbd
```
#0b4dbd rgb(11,77,189)
```
#220bbd
```
#220bbd rgb(34,11,189)
```
#7b0bbd
```
#7b0bbd rgb(123,11,189)
```

Analogous Color

#4dbd0b
```
#4dbd0b rgb(77,189,11)
```
#220bbd
```
#220bbd rgb(34,11,189)
```
#bd7b0b
```
#bd7b0b rgb(189,123,11)
```

Split Complementary Color

#0bbd22
```
#0bbd22 rgb(11,189,34)
```
#220bbd
```
#220bbd rgb(34,11,189)
```
#bd220b
```
#bd220b rgb(189,34,11)
```

Triadic Color

#0ba6bd
```
#0ba6bd rgb(11,166,189)
```
#220bbd
```
#220bbd rgb(34,11,189)
```
#bd220b
```
#bd220b rgb(189,34,11)
```
#a6bd0b
```
#a6bd0b rgb(166,189,11)
```

Tetradic Color

#150775
```
#150775 rgb(21,7,117)
```
#19088d
```
#19088d rgb(25,8,141)
```
#1e0aa5
```
#1e0aa5 rgb(30,10,165)
```
#220bbd
```
#220bbd rgb(34,11,189)
```
#260cd5
```
#260cd5 rgb(38,12,213)
```
#2b0eed
```
#2b0eed rgb(43,14,237)
```
#3d22f2
```
#3d22f2 rgb(61,34,242)
```

Monochromatic Color

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

#0b21bd
```
#0b21bd rgb(11,33,189)
```
#0b12bd
```
#0b12bd rgb(11,18,189)
```
#130bbd
```
#130bbd rgb(19,11,189)
```
#220bbd
```
#220bbd rgb(34,11,189)
```
#310bbd
```
#310bbd rgb(49,11,189)
```
#400bbd
```
#400bbd rgb(64,11,189)
```
#4f0bbd
```
#4f0bbd rgb(79,11,189)
```

Similar Colors

Text with hexadecimal color #220bbd

This text has a font color of #220bbd.

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

#220bbd background color

This paragraph has a background color of #220bbd.

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

#220bbd border color

This element has a border color of #220bbd.

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

CSS codes

.text {color:#220bbd;}

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

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

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

#010004
```
#010004 rgb(1,0,4)
```
#040116
```
#040116 rgb(4,1,22)
```
#070229
```
#070229 rgb(7,2,41)
```
#0b033b
```
#0b033b rgb(11,3,59)
```
#0e054e
```
#0e054e rgb(14,5,78)
```
#110660
```
#110660 rgb(17,6,96)
```
#150773
```
#150773 rgb(21,7,115)
```
#180885
```
#180885 rgb(24,8,133)
```
#1b0998
```
#1b0998 rgb(27,9,152)
```
#1f0aaa
```
#1f0aaa rgb(31,10,170)
```
#220bbd
```
#220bbd rgb(34,11,189)
```
#250cd0
```
#250cd0 rgb(37,12,208)
```
#290de2
```
#290de2 rgb(41,13,226)
```

Shade Color Variation

#2f12f1
```
#2f12f1 rgb(47,18,241)
```
#3f24f2
```
#3f24f2 rgb(63,36,242)
```
#4f37f3
```
#4f37f3 rgb(79,55,243)
```
#5f49f4
```
#5f49f4 rgb(95,73,244)
```
#705cf6
```
#705cf6 rgb(112,92,246)
```
#806ef7
```
#806ef7 rgb(128,110,247)
```
#9081f8
```
#9081f8 rgb(144,129,248)
```
#a193f9
```
#a193f9 rgb(161,147,249)
```
#b1a6fa
```
#b1a6fa rgb(177,166,250)
```
#c1b8fb
```
#c1b8fb rgb(193,184,251)
```
#d1cbfc
```
#d1cbfc rgb(209,203,252)
```
#e2defd
```
#e2defd rgb(226,222,253)
```
#f2f0fe
```
#f2f0fe rgb(242,240,254)
```

Tint Color Variation

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

#616068
```
#616068 rgb(97,96,104)
```
#5b5870
```
#5b5870 rgb(91,88,112)
```
#555078
```
#555078 rgb(85,80,120)
```
#50497f
```
#50497f rgb(80,73,127)
```
#4a4187
```
#4a4187 rgb(74,65,135)
```
#44398f
```
#44398f rgb(68,57,143)
```
#3f3197
```
#3f3197 rgb(63,49,151)
```
#392a9e
```
#392a9e rgb(57,42,158)
```
#3322a6
```
#3322a6 rgb(51,34,166)
```
#2d1aae
```
#2d1aae rgb(45,26,174)
```
#2813b5
```
#2813b5 rgb(40,19,181)
```
#220bbd
```
#220bbd rgb(34,11,189)
```
#1c03c5
```
#1c03c5 rgb(28,3,197)
```

Tone Color Variation

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

#262626 Achromatopsia 0.005% of the population
#252144 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004280 Protanopia 1% of men
#00466f Deuteranopia 1% of men
#004b4e Tritanopia 0.001% of the population

Trichromacy

#0c2e96 Protanomaly 1% of men, 0.01% of women
#0c308b Deuteranomaly 6% of men, 0.4% of women
#0c3376 Tritanomaly 0.01% of the population

#220bbd hex color

#220bbd Color Information

#220bbd Color Conversion

Color Schemes with #220bbd

Alternatives to #220bbd

#220bbd Preview

Shades and Tints of #220bbd

Tones of #220bbd

Color Blindness Simulator