#220ced hex color

In a RGB color space, hex #220ced is composed of 13.3% red, 4.7% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 85.7% cyan, 94.9% magenta, 0% yellow and 7.1% black. It has a hue angle of 245.9 degrees, a saturation of 90.4% and a lightness of 48.8%. #220ced color hex could be obtained by blending #4418ff with #0000db. Closest websafe color is: #3300ff.

♥
- f
- t
- g
- R 13
- G 5
- B 93
RGB color chart
- C 86
- M 95
- Y 0
- K 7
CMYK color chart

● #220ced color description : Vivid blue.

The hexadecimal color #220ced has RGB values of R:34, G:12, B:237 and CMYK values of C:0.86, M:0.95, Y:0, K:0.07. Its decimal value is 2231533.

Hex triplet	220ced	`#220ced`
RGB Decimal	34, 12, 237	`rgb(34,12,237)`
RGB Percent	13.3, 4.7, 92.9	`rgb(13.3%,4.7%,92.9%)`
CMYK	86, 95, 0, 7
HSL	245.9°, 90.4, 48.8	`hsl(245.9,90.4%,48.8%)`
HSV (or HSB)	245.9°, 94.9, 92.9
Web Safe	3300ff	`#3300ff`

CIE-LAB	31.152, 73.261, -99.598
XYZ	16.074, 6.716, 80.565
xyY	0.156, 0.065, 6.716
CIE-LCH	31.152, 123.641, 306.337
CIE-LUV	31.152, -7.491, -121.385
Hunter-Lab	25.916, 65.361, -166.175
Binary	00100010, 00001100, 11101101

#220ced
```
#220ced rgb(34,12,237)
```
#d7ed0c
```
#d7ed0c rgb(215,237,12)
```

Complementary Color

#0c67ed
```
#0c67ed rgb(12,103,237)
```
#220ced
```
#220ced rgb(34,12,237)
```
#930ced
```
#930ced rgb(147,12,237)
```

Analogous Color

#67ed0c
```
#67ed0c rgb(103,237,12)
```
#220ced
```
#220ced rgb(34,12,237)
```
#ed930c
```
#ed930c rgb(237,147,12)
```

Split Complementary Color

#0ced22
```
#0ced22 rgb(12,237,34)
```
#220ced
```
#220ced rgb(34,12,237)
```
#ed220c
```
#ed220c rgb(237,34,12)
```

Triadic Color

#0cd7ed
```
#0cd7ed rgb(12,215,237)
```
#220ced
```
#220ced rgb(34,12,237)
```
#ed220c
```
#ed220c rgb(237,34,12)
```
#d7ed0c
```
#d7ed0c rgb(215,237,12)
```

Tetradic Color

#1808a4
```
#1808a4 rgb(24,8,164)
```
#1b0abc
```
#1b0abc rgb(27,10,188)
```
#1f0bd5
```
#1f0bd5 rgb(31,11,213)
```
#220ced
```
#220ced rgb(34,12,237)
```
#341ff4
```
#341ff4 rgb(52,31,244)
```
#4a37f5
```
#4a37f5 rgb(74,55,245)
```
#604ff6
```
#604ff6 rgb(96,79,246)
```

Monochromatic Color

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

#0c2eed
```
#0c2eed rgb(12,46,237)
```
#0c1ced
```
#0c1ced rgb(12,28,237)
```
#0f0ced
```
#0f0ced rgb(15,12,237)
```
#220ced
```
#220ced rgb(34,12,237)
```
#350ced
```
#350ced rgb(53,12,237)
```
#480ced
```
#480ced rgb(72,12,237)
```
#5a0ced
```
#5a0ced rgb(90,12,237)
```

Similar Colors

Text with hexadecimal color #220ced

This text has a font color of #220ced.

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

#220ced background color

This paragraph has a background color of #220ced.

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

#220ced border color

This element has a border color of #220ced.

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

CSS codes

.text {color:#220ced;}

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

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

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

#02010d
```
#02010d rgb(2,1,13)
```
#050220
```
#050220 rgb(5,2,32)
```
#070332
```
#070332 rgb(7,3,50)
```
#0a0345
```
#0a0345 rgb(10,3,69)
```
#0d0458
```
#0d0458 rgb(13,4,88)
```
#0f056a
```
#0f056a rgb(15,5,106)
```
#12067d
```
#12067d rgb(18,6,125)
```
#150790
```
#150790 rgb(21,7,144)
```
#1708a2
```
#1708a2 rgb(23,8,162)
```
#1a09b5
```
#1a09b5 rgb(26,9,181)
```
#1d0ac8
```
#1d0ac8 rgb(29,10,200)
```
#1f0bda
```
#1f0bda rgb(31,11,218)
```
#220ced
```
#220ced rgb(34,12,237)
```

Shade Color Variation

#2f19f3
```
#2f19f3 rgb(47,25,243)
```
#402cf4
```
#402cf4 rgb(64,44,244)
```
#503ff5
```
#503ff5 rgb(80,63,245)
```
#6151f6
```
#6151f6 rgb(97,81,246)
```
#7264f7
```
#7264f7 rgb(114,100,247)
```
#8377f8
```
#8377f8 rgb(131,119,248)
```
#9489f9
```
#9489f9 rgb(148,137,249)
```
#a59cfa
```
#a59cfa rgb(165,156,250)
```
#b6affb
```
#b6affb rgb(182,175,251)
```
#c7c1fc
```
#c7c1fc rgb(199,193,252)
```
#d8d4fd
```
#d8d4fd rgb(216,212,253)
```
#e9e7fe
```
#e9e7fe rgb(233,231,254)
```
#faf9ff
```
#faf9ff rgb(250,249,255)
```

Tint Color Variation

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

#777584
```
#777584 rgb(119,117,132)
```
#6f6c8d
```
#6f6c8d rgb(111,108,141)
```
#676297
```
#676297 rgb(103,98,151)
```
#6059a0
```
#6059a0 rgb(96,89,160)
```
#584faa
```
#584faa rgb(88,79,170)
```
#5045b4
```
#5045b4 rgb(80,69,180)
```
#493cbd
```
#493cbd rgb(73,60,189)
```
#4132c7
```
#4132c7 rgb(65,50,199)
```
#3929d0
```
#3929d0 rgb(57,41,208)
```
#311fda
```
#311fda rgb(49,31,218)
```
#2a16e3
```
#2a16e3 rgb(42,22,227)
```
#220ced
```
#220ced rgb(34,12,237)
```
#1a02f7
```
#1a02f7 rgb(26,2,247)
```

Tone Color Variation

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

#2c2c2c Achromatopsia 0.005% of the population
#2a2653 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00509b Protanopia 1% of men
#005586 Deuteranopia 1% of men
#005b5e Tritanopia 0.001% of the population

Trichromacy

#0c37b9 Protanomaly 1% of men, 0.01% of women
#0c3aab Deuteranomaly 6% of men, 0.4% of women
#0c3e92 Tritanomaly 0.01% of the population

#220ced hex color

#220ced Color Information

#220ced Color Conversion

Color Schemes with #220ced

Alternatives to #220ced

#220ced Preview

Shades and Tints of #220ced

Tones of #220ced

Color Blindness Simulator