#2202dc hex color

In a RGB color space, hex #2202dc is composed of 13.3% red, 0.8% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 84.5% cyan, 99.1% magenta, 0% yellow and 13.7% black. It has a hue angle of 248.8 degrees, a saturation of 98.2% and a lightness of 43.5%. #2202dc color hex could be obtained by blending #4404ff with #0000b9. Closest websafe color is: #3300cc.

♥
- f
- t
- g
- R 13
- G 1
- B 86
RGB color chart
- C 85
- M 99
- Y 0
- K 14
CMYK color chart

● #2202dc color description : Vivid blue.

The hexadecimal color #2202dc has RGB values of R:34, G:2, B:220 and CMYK values of C:0.85, M:0.99, Y:0, K:0.14. Its decimal value is 2228956.

Hex triplet	2202dc	`#2202dc`
RGB Decimal	34, 2, 220	`rgb(34,2,220)`
RGB Percent	13.3, 0.8, 86.3	`rgb(13.3%,0.8%,86.3%)`
CMYK	85, 99, 0, 14
HSL	248.8°, 98.2, 43.5	`hsl(248.8,98.2%,43.5%)`
HSV (or HSB)	248.8°, 99.1, 86.3
Web Safe	3300cc	`#3300cc`

CIE-LAB	28.247, 70.78, -94.717
XYZ	13.597, 5.55, 68.061
xyY	0.156, 0.064, 5.55
CIE-LCH	28.247, 118.242, 306.77
CIE-LUV	28.247, -6.303, -111.048
Hunter-Lab	23.558, 61.799, -154.801
Binary	00100010, 00000010, 11011100

#2202dc
```
#2202dc rgb(34,2,220)
```
#bcdc02
```
#bcdc02 rgb(188,220,2)
```

Complementary Color

#024fdc
```
#024fdc rgb(2,79,220)
```
#2202dc
```
#2202dc rgb(34,2,220)
```
#8f02dc
```
#8f02dc rgb(143,2,220)
```

Analogous Color

#4fdc02
```
#4fdc02 rgb(79,220,2)
```
#2202dc
```
#2202dc rgb(34,2,220)
```
#dc8f02
```
#dc8f02 rgb(220,143,2)
```

Split Complementary Color

#02dc22
```
#02dc22 rgb(2,220,34)
```
#2202dc
```
#2202dc rgb(34,2,220)
```
#dc2202
```
#dc2202 rgb(220,34,2)
```

Triadic Color

#02bcdc
```
#02bcdc rgb(2,188,220)
```
#2202dc
```
#2202dc rgb(34,2,220)
```
#dc2202
```
#dc2202 rgb(220,34,2)
```
#bcdc02
```
#bcdc02 rgb(188,220,2)
```

Tetradic Color

#160190
```
#160190 rgb(22,1,144)
```
#1a02a9
```
#1a02a9 rgb(26,2,169)
```
#1e02c3
```
#1e02c3 rgb(30,2,195)
```
#2202dc
```
#2202dc rgb(34,2,220)
```
#2602f5
```
#2602f5 rgb(38,2,245)
```
#3614fd
```
#3614fd rgb(54,20,253)
```
#4c2dfd
```
#4c2dfd rgb(76,45,253)
```

Monochromatic Color

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

#0219dc
```
#0219dc rgb(2,25,220)
```
#0206dc
```
#0206dc rgb(2,6,220)
```
#1002dc
```
#1002dc rgb(16,2,220)
```
#2202dc
```
#2202dc rgb(34,2,220)
```
#3402dc
```
#3402dc rgb(52,2,220)
```
#4602dc
```
#4602dc rgb(70,2,220)
```
#5802dc
```
#5802dc rgb(88,2,220)
```

Similar Colors

Text with hexadecimal color #2202dc

This text has a font color of #2202dc.

<span style="color:#2202dc;">Text here</span>

#2202dc background color

This paragraph has a background color of #2202dc.

<p style="background-color:#2202dc;">Content here</p>

#2202dc border color

This element has a border color of #2202dc.

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

CSS codes

.text {color:#2202dc;}

.background {background-color:#2202dc;}

.border {border:1px solid #2202dc;}

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

#010006
```
#010006 rgb(1,0,6)
```
#04001a
```
#04001a rgb(4,0,26)
```
#07002d
```
#07002d rgb(7,0,45)
```
#0a0140
```
#0a0140 rgb(10,1,64)
```
#0d0154
```
#0d0154 rgb(13,1,84)
```
#100167
```
#100167 rgb(16,1,103)
```
#13017b
```
#13017b rgb(19,1,123)
```
#16018e
```
#16018e rgb(22,1,142)
```
#1901a2
```
#1901a2 rgb(25,1,162)
```
#1c02b5
```
#1c02b5 rgb(28,2,181)
```
#1f02c9
```
#1f02c9 rgb(31,2,201)
```
#2202dc
```
#2202dc rgb(34,2,220)
```
#2502ef
```
#2502ef rgb(37,2,239)
```

Shade Color Variation

#2c08fd
```
#2c08fd rgb(44,8,253)
```
#3d1cfd
```
#3d1cfd rgb(61,28,253)
```
#4e2ffd
```
#4e2ffd rgb(78,47,253)
```
#5e43fd
```
#5e43fd rgb(94,67,253)
```
#6f56fd
```
#6f56fd rgb(111,86,253)
```
#7f6afe
```
#7f6afe rgb(127,106,254)
```
#907dfe
```
#907dfe rgb(144,125,254)
```
#a191fe
```
#a191fe rgb(161,145,254)
```
#b1a4fe
```
#b1a4fe rgb(177,164,254)
```
#c2b7fe
```
#c2b7fe rgb(194,183,254)
```
#d2cbff
```
#d2cbff rgb(210,203,255)
```
#e3deff
```
#e3deff rgb(227,222,255)
```
#f4f2ff
```
#f4f2ff rgb(244,242,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6a6876 is the less saturated color, while #2202dc is the most saturated one.

#6a6876
```
#6a6876 rgb(106,104,118)
```
#64607e
```
#64607e rgb(100,96,126)
```
#5e5787
```
#5e5787 rgb(94,87,135)
```
#584f8f
```
#584f8f rgb(88,79,143)
```
#524698
```
#524698 rgb(82,70,152)
```
#4c3ea0
```
#4c3ea0 rgb(76,62,160)
```
#4635a9
```
#4635a9 rgb(70,53,169)
```
#402db1
```
#402db1 rgb(64,45,177)
```
#3a24ba
```
#3a24ba rgb(58,36,186)
```
#341cc2
```
#341cc2 rgb(52,28,194)
```
#2e13cb
```
#2e13cb rgb(46,19,203)
```
#280bd3
```
#280bd3 rgb(40,11,211)
```
#2202dc
```
#2202dc rgb(34,2,220)
```

Tone Color Variation

Below, you can see how #2202dc 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

#242424 Achromatopsia 0.005% of the population
#241d49 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004a8f Protanopia 1% of men
#004e7c Deuteranopia 1% of men
#005457 Tritanopia 0.001% of the population

Trichromacy

#0c30ab Protanomaly 1% of men, 0.01% of women
#0c329e Deuteranomaly 6% of men, 0.4% of women
#0c3687 Tritanomaly 0.01% of the population

#2202dc hex color

#2202dc Color Information

#2202dc Color Conversion

Color Schemes with #2202dc

Alternatives to #2202dc

#2202dc Preview

Shades and Tints of #2202dc

Tones of #2202dc

Color Blindness Simulator