#2204bf hex color

In a RGB color space, hex #2204bf is composed of 13.3% red, 1.6% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 82.2% cyan, 97.9% magenta, 0% yellow and 25.1% black. It has a hue angle of 249.6 degrees, a saturation of 95.9% and a lightness of 38.2%. #2204bf color hex could be obtained by blending #4408ff with #00007f. Closest websafe color is: #3300cc.

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

● #2204bf color description : Strong blue.

The hexadecimal color #2204bf has RGB values of R:34, G:4, B:191 and CMYK values of C:0.82, M:0.98, Y:0, K:0.25. Its decimal value is 2229439.

Hex triplet	2204bf	`#2204bf`
RGB Decimal	34, 4, 191	`rgb(34,4,191)`
RGB Percent	13.3, 1.6, 74.9	`rgb(13.3%,1.6%,74.9%)`
CMYK	82, 98, 0, 25
HSL	249.6°, 95.9, 38.2	`hsl(249.6,95.9%,38.2%)`
HSV (or HSB)	249.6°, 97.9, 74.9
Web Safe	3300cc	`#3300cc`

CIE-LAB	24.283, 63.234, -84.396
XYZ	10.105, 4.188, 49.563
xyY	0.158, 0.066, 4.188
CIE-LCH	24.283, 105.458, 306.843
CIE-LUV	24.283, -4.876, -94.155
Hunter-Lab	20.464, 52.331, -129.272
Binary	00100010, 00000100, 10111111

#2204bf
```
#2204bf rgb(34,4,191)
```
#a1bf04
```
#a1bf04 rgb(161,191,4)
```

Complementary Color

#0444bf
```
#0444bf rgb(4,68,191)
```
#2204bf
```
#2204bf rgb(34,4,191)
```
#8004bf
```
#8004bf rgb(128,4,191)
```

Analogous Color

#44bf04
```
#44bf04 rgb(68,191,4)
```
#2204bf
```
#2204bf rgb(34,4,191)
```
#bf8004
```
#bf8004 rgb(191,128,4)
```

Split Complementary Color

#04bf22
```
#04bf22 rgb(4,191,34)
```
#2204bf
```
#2204bf rgb(34,4,191)
```
#bf2204
```
#bf2204 rgb(191,34,4)
```

Triadic Color

#04a1bf
```
#04a1bf rgb(4,161,191)
```
#2204bf
```
#2204bf rgb(34,4,191)
```
#bf2204
```
#bf2204 rgb(191,34,4)
```
#a1bf04
```
#a1bf04 rgb(161,191,4)
```

Tetradic Color

#150274
```
#150274 rgb(21,2,116)
```
#19038d
```
#19038d rgb(25,3,141)
```
#1e03a6
```
#1e03a6 rgb(30,3,166)
```
#2204bf
```
#2204bf rgb(34,4,191)
```
#2605d8
```
#2605d8 rgb(38,5,216)
```
#2b05f1
```
#2b05f1 rgb(43,5,241)
```
#3a15fa
```
#3a15fa rgb(58,21,250)
```

Monochromatic Color

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

#0415bf
```
#0415bf rgb(4,21,191)
```
#0405bf
```
#0405bf rgb(4,5,191)
```
#1204bf
```
#1204bf rgb(18,4,191)
```
#2204bf
```
#2204bf rgb(34,4,191)
```
#3204bf
```
#3204bf rgb(50,4,191)
```
#4104bf
```
#4104bf rgb(65,4,191)
```
#5104bf
```
#5104bf rgb(81,4,191)
```

Similar Colors

Text with hexadecimal color #2204bf

This text has a font color of #2204bf.

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

#2204bf background color

This paragraph has a background color of #2204bf.

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

#2204bf border color

This element has a border color of #2204bf.

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

CSS codes

.text {color:#2204bf;}

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

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

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

#030012
```
#030012 rgb(3,0,18)
```
#070125
```
#070125 rgb(7,1,37)
```
#0a0139
```
#0a0139 rgb(10,1,57)
```
#0d024c
```
#0d024c rgb(13,2,76)
```
#11025f
```
#11025f rgb(17,2,95)
```
#140272
```
#140272 rgb(20,2,114)
```
#180385
```
#180385 rgb(24,3,133)
```
#1b0399
```
#1b0399 rgb(27,3,153)
```
#1f04ac
```
#1f04ac rgb(31,4,172)
```
#2204bf
```
#2204bf rgb(34,4,191)
```
#2504d2
```
#2504d2 rgb(37,4,210)
```
#2905e5
```
#2905e5 rgb(41,5,229)
```
#2c05f9
```
#2c05f9 rgb(44,5,249)
```

Shade Color Variation

#3c17fa
```
#3c17fa rgb(60,23,250)
```
#4c2bfb
```
#4c2bfb rgb(76,43,251)
```
#5c3efb
```
#5c3efb rgb(92,62,251)
```
#6c51fb
```
#6c51fb rgb(108,81,251)
```
#7c64fc
```
#7c64fc rgb(124,100,252)
```
#8d77fc
```
#8d77fc rgb(141,119,252)
```
#9d8bfd
```
#9d8bfd rgb(157,139,253)
```
#ad9efd
```
#ad9efd rgb(173,158,253)
```
#bdb1fd
```
#bdb1fd rgb(189,177,253)
```
#cdc4fe
```
#cdc4fe rgb(205,196,254)
```
#ded7fe
```
#ded7fe rgb(222,215,254)
```
#eeebff
```
#eeebff rgb(238,235,255)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#5f5e65
```
#5f5e65 rgb(95,94,101)
```
#5a576d
```
#5a576d rgb(90,87,109)
```
#554f74
```
#554f74 rgb(85,79,116)
```
#50487c
```
#50487c rgb(80,72,124)
```
#4b4083
```
#4b4083 rgb(75,64,131)
```
#46398b
```
#46398b rgb(70,57,139)
```
#413192
```
#413192 rgb(65,49,146)
```
#3b2a9a
```
#3b2a9a rgb(59,42,154)
```
#3622a1
```
#3622a1 rgb(54,34,161)
```
#311ba9
```
#311ba9 rgb(49,27,169)
```
#2c13b0
```
#2c13b0 rgb(44,19,176)
```
#270cb8
```
#270cb8 rgb(39,12,184)
```
#2204bf
```
#2204bf rgb(34,4,191)
```

Tone Color Variation

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

#004280 Protanopia 1% of men
#00466e Deuteranopia 1% of men
#004a4d Tritanopia 0.001% of the population

Trichromacy

#0c2b96 Protanomaly 1% of men, 0.01% of women
#0c2e8b Deuteranomaly 6% of men, 0.4% of women
#0c3176 Tritanomaly 0.01% of the population

#2204bf hex color

#2204bf Color Information

#2204bf Color Conversion

Color Schemes with #2204bf

Alternatives to #2204bf

#2204bf Preview

Shades and Tints of #2204bf

Tones of #2204bf

Color Blindness Simulator