#220dc4 hex color

In a RGB color space, hex #220dc4 is composed of 13.3% red, 5.1% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 82.7% cyan, 93.4% magenta, 0% yellow and 23.1% black. It has a hue angle of 246.9 degrees, a saturation of 87.6% and a lightness of 41%. #220dc4 color hex could be obtained by blending #441aff with #000089. Closest websafe color is: #3300cc.

♥
- f
- t
- g
- R 13
- G 5
- B 77
RGB color chart
- C 83
- M 93
- Y 0
- K 23
CMYK color chart

● #220dc4 color description : Strong blue.

The hexadecimal color #220dc4 has RGB values of R:34, G:13, B:196 and CMYK values of C:0.83, M:0.93, Y:0, K:0.23. Its decimal value is 2231748.

Hex triplet	220dc4	`#220dc4`
RGB Decimal	34, 13, 196	`rgb(34,13,196)`
RGB Percent	13.3, 5.1, 76.9	`rgb(13.3%,5.1%,76.9%)`
CMYK	83, 93, 0, 23
HSL	246.9°, 87.6, 41	`hsl(246.9,87.6%,41%)`
HSV (or HSB)	246.9°, 93.4, 76.9
Web Safe	3300cc	`#3300cc`

CIE-LAB	25.602, 62.6, -85.148
XYZ	10.765, 4.613, 52.544
xyY	0.158, 0.068, 4.613
CIE-LCH	25.602, 105.683, 306.323
CIE-LUV	25.602, -5.523, -97.718
Hunter-Lab	21.477, 51.888, -130.02
Binary	00100010, 00001101, 11000100

#220dc4
```
#220dc4 rgb(34,13,196)
```
#afc40d
```
#afc40d rgb(175,196,13)
```

Complementary Color

#0d54c4
```
#0d54c4 rgb(13,84,196)
```
#220dc4
```
#220dc4 rgb(34,13,196)
```
#7e0dc4
```
#7e0dc4 rgb(126,13,196)
```

Analogous Color

#54c40d
```
#54c40d rgb(84,196,13)
```
#220dc4
```
#220dc4 rgb(34,13,196)
```
#c47e0d
```
#c47e0d rgb(196,126,13)
```

Split Complementary Color

#0dc422
```
#0dc422 rgb(13,196,34)
```
#220dc4
```
#220dc4 rgb(34,13,196)
```
#c4220d
```
#c4220d rgb(196,34,13)
```

Triadic Color

#0dafc4
```
#0dafc4 rgb(13,175,196)
```
#220dc4
```
#220dc4 rgb(34,13,196)
```
#c4220d
```
#c4220d rgb(196,34,13)
```
#afc40d
```
#afc40d rgb(175,196,13)
```

Tetradic Color

#16087c
```
#16087c rgb(22,8,124)
```
#1a0a94
```
#1a0a94 rgb(26,10,148)
```
#1e0bac
```
#1e0bac rgb(30,11,172)
```
#220dc4
```
#220dc4 rgb(34,13,196)
```
#260fdc
```
#260fdc rgb(38,15,220)
```
#2e15ef
```
#2e15ef rgb(46,21,239)
```
#432cf1
```
#432cf1 rgb(67,44,241)
```

Monochromatic Color

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

#0d26c4
```
#0d26c4 rgb(13,38,196)
```
#0d17c4
```
#0d17c4 rgb(13,23,196)
```
#130dc4
```
#130dc4 rgb(19,13,196)
```
#220dc4
```
#220dc4 rgb(34,13,196)
```
#310dc4
```
#310dc4 rgb(49,13,196)
```
#410dc4
```
#410dc4 rgb(65,13,196)
```
#500dc4
```
#500dc4 rgb(80,13,196)
```

Similar Colors

Text with hexadecimal color #220dc4

This text has a font color of #220dc4.

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

#220dc4 background color

This paragraph has a background color of #220dc4.

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

#220dc4 border color

This element has a border color of #220dc4.

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

CSS codes

.text {color:#220dc4;}

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

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

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

#02010c
```
#02010c rgb(2,1,12)
```
#05021e
```
#05021e rgb(5,2,30)
```
#080331
```
#080331 rgb(8,3,49)
```
#0c0443
```
#0c0443 rgb(12,4,67)
```
#0f0656
```
#0f0656 rgb(15,6,86)
```
#120768
```
#120768 rgb(18,7,104)
```
#15087a
```
#15087a rgb(21,8,122)
```
#18098d
```
#18098d rgb(24,9,141)
```
#1c0b9f
```
#1c0b9f rgb(28,11,159)
```
#1f0cb2
```
#1f0cb2 rgb(31,12,178)
```
#220dc4
```
#220dc4 rgb(34,13,196)
```
#250ed6
```
#250ed6 rgb(37,14,214)
```
#280fe9
```
#280fe9 rgb(40,15,233)
```

Shade Color Variation

#341cf0
```
#341cf0 rgb(52,28,240)
```
#452ef1
```
#452ef1 rgb(69,46,241)
```
#5541f2
```
#5541f2 rgb(85,65,242)
```
#6653f4
```
#6653f4 rgb(102,83,244)
```
#7665f5
```
#7665f5 rgb(118,101,245)
```
#8678f6
```
#8678f6 rgb(134,120,246)
```
#978af7
```
#978af7 rgb(151,138,247)
```
#a79df8
```
#a79df8 rgb(167,157,248)
```
#b8affa
```
#b8affa rgb(184,175,250)
```
#c8c1fb
```
#c8c1fb rgb(200,193,251)
```
#d8d4fc
```
#d8d4fc rgb(216,212,252)
```
#e9e6fd
```
#e9e6fd rgb(233,230,253)
```
#f9f9ff
```
#f9f9ff rgb(249,249,255)
```

Tint Color Variation

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

#66656c
```
#66656c rgb(102,101,108)
```
#605d74
```
#605d74 rgb(96,93,116)
```
#5a557c
```
#5a557c rgb(90,85,124)
```
#544d84
```
#544d84 rgb(84,77,132)
```
#4d458c
```
#4d458c rgb(77,69,140)
```
#473d94
```
#473d94 rgb(71,61,148)
```
#41359c
```
#41359c rgb(65,53,156)
```
#3b2da4
```
#3b2da4 rgb(59,45,164)
```
#3525ac
```
#3525ac rgb(53,37,172)
```
#2e1db4
```
#2e1db4 rgb(46,29,180)
```
#2815bc
```
#2815bc rgb(40,21,188)
```
#220dc4
```
#220dc4 rgb(34,13,196)
```
#1c05cc
```
#1c05cc rgb(28,5,204)
```

Tone Color Variation

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

#282828 Achromatopsia 0.005% of the population
#272347 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004485 Protanopia 1% of men
#004872 Deuteranopia 1% of men
#004d51 Tritanopia 0.001% of the population

Trichromacy

#0c309c Protanomaly 1% of men, 0.01% of women
#0c3390 Deuteranomaly 6% of men, 0.4% of women
#0c367a Tritanomaly 0.01% of the population

#220dc4 hex color

#220dc4 Color Information

#220dc4 Color Conversion

Color Schemes with #220dc4

Alternatives to #220dc4

#220dc4 Preview

Shades and Tints of #220dc4

Tones of #220dc4

Color Blindness Simulator