#2221de hex color

In a RGB color space, hex #2221de is composed of 13.3% red, 12.9% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 84.7% cyan, 85.1% magenta, 0% yellow and 12.9% black. It has a hue angle of 240.3 degrees, a saturation of 74.1% and a lightness of 50%. #2221de color hex could be obtained by blending #4442ff with #0000bd. Closest websafe color is: #3333cc.

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

● #2221de color description : Vivid blue.

The hexadecimal color #2221de has RGB values of R:34, G:33, B:222 and CMYK values of C:0.85, M:0.85, Y:0, K:0.13. Its decimal value is 2236894.

Hex triplet	2221de	`#2221de`
RGB Decimal	34, 33, 222	`rgb(34,33,222)`
RGB Percent	13.3, 12.9, 87.1	`rgb(13.3%,12.9%,87.1%)`
CMYK	85, 85, 0, 13
HSL	240.3°, 74.1, 50	`hsl(240.3,74.1%,50%)`
HSV (or HSB)	240.3°, 85.1, 87.1
Web Safe	3333cc	`#3333cc`

CIE-LAB	31.116, 63.377, -91.082
XYZ	14.386, 6.701, 69.638
xyY	0.159, 0.074, 6.701
CIE-LCH	31.116, 110.963, 304.831
CIE-LUV	31.116, -8.145, -114.109
Hunter-Lab	25.886, 53.9, -141.384
Binary	00100010, 00100001, 11011110

#2221de
```
#2221de rgb(34,33,222)
```
#ddde21
```
#ddde21 rgb(221,222,33)
```

Complementary Color

#217fde
```
#217fde rgb(33,127,222)
```
#2221de
```
#2221de rgb(34,33,222)
```
#8121de
```
#8121de rgb(129,33,222)
```

Analogous Color

#7fde21
```
#7fde21 rgb(127,222,33)
```
#2221de
```
#2221de rgb(34,33,222)
```
#de8121
```
#de8121 rgb(222,129,33)
```

Split Complementary Color

#21de22
```
#21de22 rgb(33,222,34)
```
#2221de
```
#2221de rgb(34,33,222)
```
#de2221
```
#de2221 rgb(222,34,33)
```

Triadic Color

#21ddde
```
#21ddde rgb(33,221,222)
```
#2221de
```
#2221de rgb(34,33,222)
```
#de2221
```
#de2221 rgb(222,34,33)
```
#ddde21
```
#ddde21 rgb(221,222,33)
```

Tetradic Color

#18179b
```
#18179b rgb(24,23,155)
```
#1b1ab2
```
#1b1ab2 rgb(27,26,178)
```
#1f1ec8
```
#1f1ec8 rgb(31,30,200)
```
#2221de
```
#2221de rgb(34,33,222)
```
#3837e1
```
#3837e1 rgb(56,55,225)
```
#4e4de5
```
#4e4de5 rgb(78,77,229)
```
#6464e8
```
#6464e8 rgb(100,100,232)
```

Monochromatic Color

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

#214fde
```
#214fde rgb(33,79,222)
```
#2140de
```
#2140de rgb(33,64,222)
```
#2130de
```
#2130de rgb(33,48,222)
```
#2221de
```
#2221de rgb(34,33,222)
```
#3221de
```
#3221de rgb(50,33,222)
```
#4121de
```
#4121de rgb(65,33,222)
```
#5121de
```
#5121de rgb(81,33,222)
```

Similar Colors

Text with hexadecimal color #2221de

This text has a font color of #2221de.

<span style="color:#2221de;">Text here</span>

#2221de background color

This paragraph has a background color of #2221de.

<p style="background-color:#2221de;">Content here</p>

#2221de border color

This element has a border color of #2221de.

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

CSS codes

.text {color:#2221de;}

.background {background-color:#2221de;}

.border {border:1px solid #2221de;}

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

#030311
```
#030311 rgb(3,3,17)
```
#050522
```
#050522 rgb(5,5,34)
```
#080833
```
#080833 rgb(8,8,51)
```
#0a0a44
```
#0a0a44 rgb(10,10,68)
```
#0d0d55
```
#0d0d55 rgb(13,13,85)
```
#100f66
```
#100f66 rgb(16,15,102)
```
#121278
```
#121278 rgb(18,18,120)
```
#151489
```
#151489 rgb(21,20,137)
```
#18179a
```
#18179a rgb(24,23,154)
```
#1a19ab
```
#1a19ab rgb(26,25,171)
```
#1d1cbc
```
#1d1cbc rgb(29,28,188)
```
#1f1ecd
```
#1f1ecd rgb(31,30,205)
```
#2221de
```
#2221de rgb(34,33,222)
```

Shade Color Variation

#3332e1
```
#3332e1 rgb(51,50,225)
```
#4443e3
```
#4443e3 rgb(68,67,227)
```
#5554e6
```
#5554e6 rgb(85,84,230)
```
#6665e8
```
#6665e8 rgb(102,101,232)
```
#7776eb
```
#7776eb rgb(119,118,235)
```
#8887ed
```
#8887ed rgb(136,135,237)
```
#9999f0
```
#9999f0 rgb(153,153,240)
```
#aaaaf2
```
#aaaaf2 rgb(170,170,242)
```
#bbbbf5
```
#bbbbf5 rgb(187,187,245)
```
#ccccf7
```
#ccccf7 rgb(204,204,247)
```
#ddddfa
```
#ddddfa rgb(221,221,250)
```
#eeeefc
```
#eeeefc rgb(238,238,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#797986
```
#797986 rgb(121,121,134)
```
#706f90
```
#706f90 rgb(112,111,144)
```
#666699
```
#666699 rgb(102,102,153)
```
#5c5ca3
```
#5c5ca3 rgb(92,92,163)
```
#5352ad
```
#5352ad rgb(83,82,173)
```
#4948b7
```
#4948b7 rgb(73,72,183)
```
#3f3ec1
```
#3f3ec1 rgb(63,62,193)
```
#3535ca
```
#3535ca rgb(53,53,202)
```
#2c2bd4
```
#2c2bd4 rgb(44,43,212)
```
#2221de
```
#2221de rgb(34,33,222)
```
#1817e8
```
#1817e8 rgb(24,23,232)
```
#0f0df2
```
#0f0df2 rgb(15,13,242)
```
#0504fb
```
#0504fb rgb(5,4,251)
```

Tone Color Variation

Below, you can see how #2221de 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

#373737 Achromatopsia 0.005% of the population
#333358 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#0c3fb3 Protanomaly 1% of men, 0.01% of women
#0c42a6 Deuteranomaly 6% of men, 0.4% of women
#0c458d Tritanomaly 0.01% of the population

#2221de hex color

#2221de Color Information

#2221de Color Conversion

Color Schemes with #2221de

Alternatives to #2221de

#2221de Preview

Shades and Tints of #2221de

Tones of #2221de

Color Blindness Simulator