#220cbd hex color

In a RGB color space, hex #220cbd is composed of 13.3% red, 4.7% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 82% cyan, 93.7% magenta, 0% yellow and 25.9% black. It has a hue angle of 247.5 degrees, a saturation of 88.1% and a lightness of 39.4%. #220cbd color hex could be obtained by blending #4418ff with #00007b. Closest websafe color is: #3300cc.

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

● #220cbd color description : Strong blue.

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

Hex triplet	220cbd	`#220cbd`
RGB Decimal	34, 12, 189	`rgb(34,12,189)`
RGB Percent	13.3, 4.7, 74.1	`rgb(13.3%,4.7%,74.1%)`
CMYK	82, 94, 0, 26
HSL	247.5°, 88.1, 39.4	`hsl(247.5,88.1%,39.4%)`
HSV (or HSB)	247.5°, 93.7, 74.1
Web Safe	3300cc	`#3300cc`

CIE-LAB	24.565, 60.993, -82.74
XYZ	9.975, 4.276, 48.441
xyY	0.159, 0.068, 4.276
CIE-LCH	24.565, 102.791, 306.396
CIE-LUV	24.565, -5.117, -93.552
Hunter-Lab	20.68, 49.909, -124.408
Binary	00100010, 00001100, 10111101

#220cbd
```
#220cbd rgb(34,12,189)
```
#a7bd0c
```
#a7bd0c rgb(167,189,12)
```

Complementary Color

#0c4fbd
```
#0c4fbd rgb(12,79,189)
```
#220cbd
```
#220cbd rgb(34,12,189)
```
#7b0cbd
```
#7b0cbd rgb(123,12,189)
```

Analogous Color

#4fbd0c
```
#4fbd0c rgb(79,189,12)
```
#220cbd
```
#220cbd rgb(34,12,189)
```
#bd7b0c
```
#bd7b0c rgb(189,123,12)
```

Split Complementary Color

#0cbd22
```
#0cbd22 rgb(12,189,34)
```
#220cbd
```
#220cbd rgb(34,12,189)
```
#bd220c
```
#bd220c rgb(189,34,12)
```

Triadic Color

#0ca7bd
```
#0ca7bd rgb(12,167,189)
```
#220cbd
```
#220cbd rgb(34,12,189)
```
#bd220c
```
#bd220c rgb(189,34,12)
```
#a7bd0c
```
#a7bd0c rgb(167,189,12)
```

Tetradic Color

#150775
```
#150775 rgb(21,7,117)
```
#19098d
```
#19098d rgb(25,9,141)
```
#1e0aa5
```
#1e0aa5 rgb(30,10,165)
```
#220cbd
```
#220cbd rgb(34,12,189)
```
#260ed5
```
#260ed5 rgb(38,14,213)
```
#2b0fed
```
#2b0fed rgb(43,15,237)
```
#3e24f1
```
#3e24f1 rgb(62,36,241)
```

Monochromatic Color

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

#0c22bd
```
#0c22bd rgb(12,34,189)
```
#0c14bd
```
#0c14bd rgb(12,20,189)
```
#130cbd
```
#130cbd rgb(19,12,189)
```
#220cbd
```
#220cbd rgb(34,12,189)
```
#310cbd
```
#310cbd rgb(49,12,189)
```
#400cbd
```
#400cbd rgb(64,12,189)
```
#4e0cbd
```
#4e0cbd rgb(78,12,189)
```

Similar Colors

Text with hexadecimal color #220cbd

This text has a font color of #220cbd.

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

#220cbd background color

This paragraph has a background color of #220cbd.

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

#220cbd border color

This element has a border color of #220cbd.

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

CSS codes

.text {color:#220cbd;}

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

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

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

#010005
```
#010005 rgb(1,0,5)
```
#040117
```
#040117 rgb(4,1,23)
```
#070329
```
#070329 rgb(7,3,41)
```
#0b043c
```
#0b043c rgb(11,4,60)
```
#0e054e
```
#0e054e rgb(14,5,78)
```
#110661
```
#110661 rgb(17,6,97)
```
#150773
```
#150773 rgb(21,7,115)
```
#180886
```
#180886 rgb(24,8,134)
```
#1b0a98
```
#1b0a98 rgb(27,10,152)
```
#1f0bab
```
#1f0bab rgb(31,11,171)
```
#220cbd
```
#220cbd rgb(34,12,189)
```
#250dcf
```
#250dcf rgb(37,13,207)
```
#290ee2
```
#290ee2 rgb(41,14,226)
```

Shade Color Variation

#2f14f0
```
#2f14f0 rgb(47,20,240)
```
#3f26f1
```
#3f26f1 rgb(63,38,241)
```
#5039f2
```
#5039f2 rgb(80,57,242)
```
#604bf4
```
#604bf4 rgb(96,75,244)
```
#705ef5
```
#705ef5 rgb(112,94,245)
```
#8170f6
```
#8170f6 rgb(129,112,246)
```
#9182f7
```
#9182f7 rgb(145,130,247)
```
#a195f8
```
#a195f8 rgb(161,149,248)
```
#b2a7f9
```
#b2a7f9 rgb(178,167,249)
```
#c2bafb
```
#c2bafb rgb(194,186,251)
```
#d2ccfc
```
#d2ccfc rgb(210,204,252)
```
#e2dffd
```
#e2dffd rgb(226,223,253)
```
#f3f1fe
```
#f3f1fe rgb(243,241,254)
```

Tint Color Variation

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

#626168
```
#626168 rgb(98,97,104)
```
#5c5970
```
#5c5970 rgb(92,89,112)
```
#565277
```
#565277 rgb(86,82,119)
```
#504a7f
```
#504a7f rgb(80,74,127)
```
#4b4287
```
#4b4287 rgb(75,66,135)
```
#453a8f
```
#453a8f rgb(69,58,143)
```
#3f3396
```
#3f3396 rgb(63,51,150)
```
#392b9e
```
#392b9e rgb(57,43,158)
```
#3323a6
```
#3323a6 rgb(51,35,166)
```
#2e1bae
```
#2e1bae rgb(46,27,174)
```
#2814b5
```
#2814b5 rgb(40,20,181)
```
#220cbd
```
#220cbd rgb(34,12,189)
```
#1c04c5
```
#1c04c5 rgb(28,4,197)
```

Tone Color Variation

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

#272727 Achromatopsia 0.005% of the population
#262245 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004281 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
#0c318b Deuteranomaly 6% of men, 0.4% of women
#0c3476 Tritanomaly 0.01% of the population

#220cbd hex color

#220cbd Color Information

#220cbd Color Conversion

Color Schemes with #220cbd

Alternatives to #220cbd

#220cbd Preview

Shades and Tints of #220cbd

Tones of #220cbd

Color Blindness Simulator