#2204ca hex color

In a RGB color space, hex #2204ca is composed of 13.3% red, 1.6% green and 79.2% blue. Whereas in a CMYK color space, it is composed of 83.2% cyan, 98% magenta, 0% yellow and 20.8% black. It has a hue angle of 249.1 degrees, a saturation of 96.1% and a lightness of 40.4%. #2204ca color hex could be obtained by blending #4408ff with #000095. Closest websafe color is: #3300cc.

♥
- f
- t
- g
- R 13
- G 2
- B 79
RGB color chart
- C 83
- M 98
- Y 0
- K 21
CMYK color chart

● #2204ca color description : Strong blue.

The hexadecimal color #2204ca has RGB values of R:34, G:4, B:202 and CMYK values of C:0.83, M:0.98, Y:0, K:0.21. Its decimal value is 2229450.

Hex triplet	2204ca	`#2204ca`
RGB Decimal	34, 4, 202	`rgb(34,4,202)`
RGB Percent	13.3, 1.6, 79.2	`rgb(13.3%,1.6%,79.2%)`
CMYK	83, 98, 0, 21
HSL	249.1°, 96.1, 40.4	`hsl(249.1,96.1%,40.4%)`
HSV (or HSB)	249.1°, 98, 79.2
Web Safe	3300cc	`#3300cc`

CIE-LAB	25.834, 65.985, -88.285
XYZ	11.362, 4.69, 56.18
xyY	0.157, 0.065, 4.69
CIE-LCH	25.834, 110.219, 306.775
CIE-LUV	25.834, -5.454, -100.637
Hunter-Lab	21.657, 55.743, -138.641
Binary	00100010, 00000100, 11001010

#2204ca
```
#2204ca rgb(34,4,202)
```
#acca04
```
#acca04 rgb(172,202,4)
```

Complementary Color

#0449ca
```
#0449ca rgb(4,73,202)
```
#2204ca
```
#2204ca rgb(34,4,202)
```
#8504ca
```
#8504ca rgb(133,4,202)
```

Analogous Color

#49ca04
```
#49ca04 rgb(73,202,4)
```
#2204ca
```
#2204ca rgb(34,4,202)
```
#ca8504
```
#ca8504 rgb(202,133,4)
```

Split Complementary Color

#04ca22
```
#04ca22 rgb(4,202,34)
```
#2204ca
```
#2204ca rgb(34,4,202)
```
#ca2204
```
#ca2204 rgb(202,34,4)
```

Triadic Color

#04acca
```
#04acca rgb(4,172,202)
```
#2204ca
```
#2204ca rgb(34,4,202)
```
#ca2204
```
#ca2204 rgb(202,34,4)
```
#acca04
```
#acca04 rgb(172,202,4)
```

Tetradic Color

#15037f
```
#15037f rgb(21,3,127)
```
#1a0398
```
#1a0398 rgb(26,3,152)
```
#1e04b1
```
#1e04b1 rgb(30,4,177)
```
#2204ca
```
#2204ca rgb(34,4,202)
```
#2604e3
```
#2604e3 rgb(38,4,227)
```
#2c07fa
```
#2c07fa rgb(44,7,250)
```
#4120fb
```
#4120fb rgb(65,32,251)
```

Monochromatic Color

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

#0418ca
```
#0418ca rgb(4,24,202)
```
#0407ca
```
#0407ca rgb(4,7,202)
```
#1204ca
```
#1204ca rgb(18,4,202)
```
#2204ca
```
#2204ca rgb(34,4,202)
```
#3204ca
```
#3204ca rgb(50,4,202)
```
#4304ca
```
#4304ca rgb(67,4,202)
```
#5404ca
```
#5404ca rgb(84,4,202)
```

Similar Colors

Text with hexadecimal color #2204ca

This text has a font color of #2204ca.

<span style="color:#2204ca;">Text here</span>

#2204ca background color

This paragraph has a background color of #2204ca.

<p style="background-color:#2204ca;">Content here</p>

#2204ca border color

This element has a border color of #2204ca.

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

CSS codes

.text {color:#2204ca;}

.background {background-color:#2204ca;}

.border {border:1px solid #2204ca;}

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, #02000a is the darkest color, while #f7f5ff is the lightest one.

#02000a
```
#02000a rgb(2,0,10)
```
#05011d
```
#05011d rgb(5,1,29)
```
#080130
```
#080130 rgb(8,1,48)
```
#0b0143
```
#0b0143 rgb(11,1,67)
```
#0f0257
```
#0f0257 rgb(15,2,87)
```
#12026a
```
#12026a rgb(18,2,106)
```
#15027d
```
#15027d rgb(21,2,125)
```
#180390
```
#180390 rgb(24,3,144)
```
#1c03a4
```
#1c03a4 rgb(28,3,164)
```
#1f04b7
```
#1f04b7 rgb(31,4,183)
```
#2204ca
```
#2204ca rgb(34,4,202)
```
#2504dd
```
#2504dd rgb(37,4,221)
```
#2805f0
```
#2805f0 rgb(40,5,240)
```

Shade Color Variation

#320ffa
```
#320ffa rgb(50,15,250)
```
#4322fb
```
#4322fb rgb(67,34,251)
```
#5335fb
```
#5335fb rgb(83,53,251)
```
#6348fb
```
#6348fb rgb(99,72,251)
```
#745cfc
```
#745cfc rgb(116,92,252)
```
#846ffc
```
#846ffc rgb(132,111,252)
```
#9582fd
```
#9582fd rgb(149,130,253)
```
#a595fd
```
#a595fd rgb(165,149,253)
```
#b5a8fd
```
#b5a8fd rgb(181,168,253)
```
#c6bcfe
```
#c6bcfe rgb(198,188,254)
```
#d6cffe
```
#d6cffe rgb(214,207,254)
```
#e6e2fe
```
#e6e2fe rgb(230,226,254)
```
#f7f5ff
```
#f7f5ff rgb(247,245,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #64636b is the less saturated color, while #2204ca is the most saturated one.

#64636b
```
#64636b rgb(100,99,107)
```
#5f5b73
```
#5f5b73 rgb(95,91,115)
```
#59537b
```
#59537b rgb(89,83,123)
```
#544b83
```
#544b83 rgb(84,75,131)
```
#4e438b
```
#4e438b rgb(78,67,139)
```
#493b93
```
#493b93 rgb(73,59,147)
```
#43349a
```
#43349a rgb(67,52,154)
```
#3e2ca2
```
#3e2ca2 rgb(62,44,162)
```
#3824aa
```
#3824aa rgb(56,36,170)
```
#331cb2
```
#331cb2 rgb(51,28,178)
```
#2d14ba
```
#2d14ba rgb(45,20,186)
```
#280cc2
```
#280cc2 rgb(40,12,194)
```
#2204ca
```
#2204ca rgb(34,4,202)
```

Tone Color Variation

Below, you can see how #2204ca 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
#241e45 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004586 Protanopia 1% of men
#004973 Deuteranopia 1% of men
#004e51 Tritanopia 0.001% of the population

Trichromacy

#0c2d9e Protanomaly 1% of men, 0.01% of women
#0c3093 Deuteranomaly 6% of men, 0.4% of women
#0c337d Tritanomaly 0.01% of the population

#2204ca hex color

#2204ca Color Information

#2204ca Color Conversion

Color Schemes with #2204ca

Alternatives to #2204ca

#2204ca Preview

Shades and Tints of #2204ca

Tones of #2204ca

Color Blindness Simulator