#2204bd hex color

In a RGB color space, hex #2204bd is composed of 13.3% red, 1.6% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 82% cyan, 97.9% magenta, 0% yellow and 25.9% black. It has a hue angle of 249.7 degrees, a saturation of 95.9% and a lightness of 37.8%. #2204bd color hex could be obtained by blending #4408ff with #00007b. Closest websafe color is: #3300cc.

♥
- f
- t
- g
- R 13
- G 2
- B 74
RGB color chart
- C 82
- M 98
- Y 0
- K 26
CMYK color chart

● #2204bd color description : Strong blue.

The hexadecimal color #2204bd has RGB values of R:34, G:4, B:189 and CMYK values of C:0.82, M:0.98, Y:0, K:0.26. Its decimal value is 2229437.

Hex triplet	2204bd	`#2204bd`
RGB Decimal	34, 4, 189	`rgb(34,4,189)`
RGB Percent	13.3, 1.6, 74.1	`rgb(13.3%,1.6%,74.1%)`
CMYK	82, 98, 0, 26
HSL	249.7°, 95.9, 37.8	`hsl(249.7,95.9%,37.8%)`
HSV (or HSB)	249.7°, 97.9, 74.1
Web Safe	3300cc	`#3300cc`

CIE-LAB	24.001, 62.731, -83.682
XYZ	9.887, 4.1, 48.412
xyY	0.158, 0.066, 4.1
CIE-LCH	24.001, 104.584, 306.856
CIE-LUV	24.001, -4.769, -92.973
Hunter-Lab	20.249, 51.715, -127.574
Binary	00100010, 00000100, 10111101

#2204bd
```
#2204bd rgb(34,4,189)
```
#9fbd04
```
#9fbd04 rgb(159,189,4)
```

Complementary Color

#0443bd
```
#0443bd rgb(4,67,189)
```
#2204bd
```
#2204bd rgb(34,4,189)
```
#7f04bd
```
#7f04bd rgb(127,4,189)
```

Analogous Color

#43bd04
```
#43bd04 rgb(67,189,4)
```
#2204bd
```
#2204bd rgb(34,4,189)
```
#bd7f04
```
#bd7f04 rgb(189,127,4)
```

Split Complementary Color

#04bd22
```
#04bd22 rgb(4,189,34)
```
#2204bd
```
#2204bd rgb(34,4,189)
```
#bd2204
```
#bd2204 rgb(189,34,4)
```

Triadic Color

#049fbd
```
#049fbd rgb(4,159,189)
```
#2204bd
```
#2204bd rgb(34,4,189)
```
#bd2204
```
#bd2204 rgb(189,34,4)
```
#9fbd04
```
#9fbd04 rgb(159,189,4)
```

Tetradic Color

#150272
```
#150272 rgb(21,2,114)
```
#19038b
```
#19038b rgb(25,3,139)
```
#1e03a4
```
#1e03a4 rgb(30,3,164)
```
#2204bd
```
#2204bd rgb(34,4,189)
```
#2605d6
```
#2605d6 rgb(38,5,214)
```
#2b05ef
```
#2b05ef rgb(43,5,239)
```
#3913fa
```
#3913fa rgb(57,19,250)
```

Monochromatic Color

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

#0414bd
```
#0414bd rgb(4,20,189)
```
#0405bd
```
#0405bd rgb(4,5,189)
```
#1304bd
```
#1304bd rgb(19,4,189)
```
#2204bd
```
#2204bd rgb(34,4,189)
```
#3104bd
```
#3104bd rgb(49,4,189)
```
#4104bd
```
#4104bd rgb(65,4,189)
```
#5004bd
```
#5004bd rgb(80,4,189)
```

Similar Colors

Text with hexadecimal color #2204bd

This text has a font color of #2204bd.

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

#2204bd background color

This paragraph has a background color of #2204bd.

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

#2204bd border color

This element has a border color of #2204bd.

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

CSS codes

.text {color:#2204bd;}

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

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

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

#030010
```
#030010 rgb(3,0,16)
```
#060123
```
#060123 rgb(6,1,35)
```
#0a0137
```
#0a0137 rgb(10,1,55)
```
#0d024a
```
#0d024a rgb(13,2,74)
```
#11025d
```
#11025d rgb(17,2,93)
```
#140270
```
#140270 rgb(20,2,112)
```
#180383
```
#180383 rgb(24,3,131)
```
#1b0397
```
#1b0397 rgb(27,3,151)
```
#1f04aa
```
#1f04aa rgb(31,4,170)
```
#2204bd
```
#2204bd rgb(34,4,189)
```
#2504d0
```
#2504d0 rgb(37,4,208)
```
#2905e3
```
#2905e3 rgb(41,5,227)
```
#2c05f7
```
#2c05f7 rgb(44,5,247)
```

Shade Color Variation

#3a15fa
```
#3a15fa rgb(58,21,250)
```
#4b29fa
```
#4b29fa rgb(75,41,250)
```
#5b3cfb
```
#5b3cfb rgb(91,60,251)
```
#6b4ffb
```
#6b4ffb rgb(107,79,251)
```
#7b62fc
```
#7b62fc rgb(123,98,252)
```
#8b75fc
```
#8b75fc rgb(139,117,252)
```
#9b89fc
```
#9b89fc rgb(155,137,252)
```
#ac9cfd
```
#ac9cfd rgb(172,156,253)
```
#bcaffd
```
#bcaffd rgb(188,175,253)
```
#ccc2fe
```
#ccc2fe rgb(204,194,254)
```
#dcd5fe
```
#dcd5fe rgb(220,213,254)
```
#ece9ff
```
#ece9ff rgb(236,233,255)
```
#fcfcff
```
#fcfcff rgb(252,252,255)
```

Tint Color Variation

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

#5e5d64
```
#5e5d64 rgb(94,93,100)
```
#59566b
```
#59566b rgb(89,86,107)
```
#544e73
```
#544e73 rgb(84,78,115)
```
#4f477a
```
#4f477a rgb(79,71,122)
```
#4a3f82
```
#4a3f82 rgb(74,63,130)
```
#453889
```
#453889 rgb(69,56,137)
```
#403190
```
#403190 rgb(64,49,144)
```
#3b2998
```
#3b2998 rgb(59,41,152)
```
#36229f
```
#36229f rgb(54,34,159)
```
#311aa7
```
#311aa7 rgb(49,26,167)
```
#2c13ae
```
#2c13ae rgb(44,19,174)
```
#270bb6
```
#270bb6 rgb(39,11,182)
```
#2204bd
```
#2204bd rgb(34,4,189)
```

Tone Color Variation

Below, you can see how #2204bd 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

#222222 Achromatopsia 0.005% of the population
#221c41 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00417e Protanopia 1% of men
#00456d Deuteranopia 1% of men
#004a4d Tritanopia 0.001% of the population

Trichromacy

#0c2b95 Protanomaly 1% of men, 0.01% of women
#0c2d8a Deuteranomaly 6% of men, 0.4% of women
#0c3075 Tritanomaly 0.01% of the population

#2204bd hex color

#2204bd Color Information

#2204bd Color Conversion

Color Schemes with #2204bd

Alternatives to #2204bd

#2204bd Preview

Shades and Tints of #2204bd

Tones of #2204bd

Color Blindness Simulator